Skip to main content
Solved

Back In Stock Button Styling

  • February 27, 2022
  • 3 replies
  • 692 views

Forum|alt.badge.img+2

Hi, 

I have added the back in stock button to my site and customised it to fit my theme, but I need to add a little bit of space above the button as it’s too close to “more payment options”. 

Does anybody know how to do this please? 

It’s the Prestige theme if that information is needed - screenshot below.
 



Thanks in advance!

Best answer by StirlingKlav

I worked it out myself. For anyone who has a similar issue in the future, add the following code to your theme.css 

a.klaviyo-bis-trigger {
    margin-top: 15px !important;
}

View original
Did this topic or the replies in the thread help you find an answer to your question?

3 replies

Forum|alt.badge.img+2
  • Author
  • Contributor I
  • 1 reply
  • Answer
  • February 27, 2022

I worked it out myself. For anyone who has a similar issue in the future, add the following code to your theme.css 

a.klaviyo-bis-trigger {
    margin-top: 15px !important;
}


David To
Klaviyo Employee
Forum|alt.badge.img+60
  • Klaviyo Employee
  • 2456 replies
  • February 28, 2022

Hey @StirlingKlav,

So glad you were able to find a solution and thank you for sharing it with the Community! I’m sure this will help other Community members who may be wondering the same thing!

Thanks for being a part of the Klaviyo Community!

David


Forum|alt.badge.img+1
  • Contributor I
  • 1 reply
  • December 29, 2022

Hi @StirlingKlav

Can you share your JavaScript snippet of customizing the button to fit your theme? I am using the warehouse theme also from Maestrooo, and I found the JavaScript snippet that provided by klaviyo cannot show as button. 

 

Thank you!