Solved

Back in stock notification styling

  • 22 August 2022
  • 4 replies
  • 72 views
I
Rank
Badge +2
  • IsyO
  • Contributor I
  • 3 replies

Hello everyone. I am very new to Klaviyo. :-)

I have installed a back in stock notification on my Shopify store (yes I am super proud of myself).

I have totally tailored the pop-up with all my brand colours, but the notify me button on the actual product page looks awful and I can’t for the life of me work out how to change the colours of it?

It’s set to btn but it comes up like this (see screenshot). I’m using the Taste theme if that’s relevant.

The script says ‘centre’… but it’s not centred and while the text font matches the other text on the page, I’d really rather have it in another colour (we use a teal and a watermelon pink as our branding colours for which I have the hex codes). Thank you so much for any advice to fix this annoying issue! 

 

 

icon

Best answer by Manny Singh 28 September 2022, 05:44

View original

4 replies

stephen.trumble
Rank
Userlevel 7
Badge +60

Hey @IsyO 

Thanks for reaching out!  You should also be able to modify the product_page_class in the trigger settings of the snippet depending on the theme. You can see the basic free themes that we support listed in our Customizing Back in Stock Styling for Free Shopify Themes help center article. Since I didn't see Taste on the list I did a little more digging. Although I don't know for certain that it will work, I would give this product_page_class a try:

 product_page_class: 'btn btn--full'

Let me know if this helps put the link into a button.  

-Stephen
I
Rank
Badge +2

Thanks so much for replaying. I changed it to what you said (screenshot attached) and it’s still a horrible little hyperlink blue line! Waaaaaah! Any other ideas? 

 

chelsgrove
Rank
Userlevel 5
Badge +18

@IsyO what is the URL where one of these back in stock links show? I just want to take a look at the source code to try and help!

Manny Singh
Rank
Userlevel 7
Badge +38

Thanks so much for replaying. I changed it to what you said (screenshot attached) and it’s still a horrible little hyperlink blue line! Waaaaaah! Any other ideas? 

 

I’m guessing it’s most likely your css properties for that class in Shopify is not set up on that class.

Subscribe. Segment. Send. Repeat.

Reply


Most helpful members this week

Terms & ConditionsCookie settings

Links & Resources

Platforms

Partners

Useful Things

About

  • Terms and Privacy
    © 2024 Klaviyo All rights reserved. Klaviyo and the Klaviyo logo are trademarks or registered trademarks of Klaviyo, Inc. or its affiliates.