Change button size for SMS pop up

[ErhatRO]

 

 

Hello! 
I am hoping to change the size of my “sign up” button to the same of the “enter” button in the pictures below. I would also like the “sign up” button to be centered. This was created using Klaviyo. 

Thank you in advance! 

righteousofficial.com

Right5785*

[AnneLuo]

Hi, @ErhatRO 

I can't find the pages above. Can you provide the links of the two pages? So that I can assist you.

[ErhatRO]

Hello @AnneLuo 

the links are https://righteousofficial.com/pages/sneaker-giveaway 

and 

https://righteousofficial.com/pages/giveaway-terms

[AnneLuo]

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code before the </head> tag

<style>
.klaviyo_form_trigger {
    color: #b8260d !important;
    box-shadow: none;
    background-color: #fff !important;
    line-height: calc(1 + .2 / var(--font-body-scale));
    max-width: 45rem !important;
    font-size: 1.5rem !important;
    letter-spacing: .1rem;
    padding: 1rem 3rem !important;
}
</style>

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

[ErhatRO]

@AnneLuo It works thank you! How would I center it?

[AnneLuo]

I found that the width of this page is very small. Do you want it to be centered based on text or centered on the page

[ErhatRO]

@AnneLuo yes I am in the process of fixing that now. Centered based on page though please

[AnneLuo · Accepted solution]

Add the code bolow to the same location. It will fix the problems you mentioned above.

<style>
.rte.scroll-trigger.animate--slide-in {
    text-align: center !important;
}
.rte.scroll-trigger.animate--slide-in div {
    width: 100% !important;
}
.rte.scroll-trigger.animate--slide-in div ul{
    text-align: left !important;
}
</style>

Result:

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution! Thanks.

[ErhatRO]

Perfect! The pages are fixed however now when I click any page from the menu item, it takes me to the product page.