Custom Styles to one specific page | BeYours Theme

Store Design
,
1

Hey there,
we use the BeYours Theme on our shop

For a A/B test we want to test
A: a landing Page in our Theme Colors https://daely-nutrition.com/pages/besser-einschlafen
B: a landing Page with White Background, Black Texts, Black Buttons etc. https://daely-nutrition.com/pages/besser-einschlafen-daely-sleep

We have a little coding knowledge and tried this so far:

{% if page.handle == "/besser-einschlafen-daely-sleep" %}
<style>
:root{
--color-foreground: 0,0,0;
--color-background: 255,255,255;
} 
</style> 
{% endif %}

But that did’t work.
Any Ideas on how to only set the styles for this Page?

edit: we’ve put this page.liquid (would that the place to be?)

Thanks in advance

Michael

2

Hi @mimikry
you can try to replace with this

{% if page.handle == "besser-einschlafen-daely-sleep" %}
 
{% endif %}
1 Like
3

I’ve put in page.liquid, but nothing changes :confused:

4

Try to put the code before the tag in theme.liquid file

1 Like
5

Thanks man! Works like a charme. From here, i can do all customizations I want.

Merry Christmas