Margins on page with embedded form?

Solved
shopthriae
New Member
2 0 0

Greetings, I have an embedded form for potential customers to subscribe to my site's newsletter - made through Klaviyo. The link is https://shopthriae.com/pages/subscribe - the width of the form is a bit much, is there a way for me to limit the width so it does not look so bizarre?

0 Likes

This is an accepted solution.

@shopthriae 

Do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.css and paste this at the bottom of the file:

 

.template-page [class^='klaviyo-form'] {
    padding-left: 55px;
    padding-right: 55px;
}

@media only screen and (max-width: 749px) {
    .template-page [class^='klaviyo-form'] {
        padding-left: 22px;
        padding-right: 22px;
    }
}

.template-page [class^='klaviyo-form'] {
    *zoom: 1; max-width: 1200px;
    margin: 0 auto;
}

.template-page [class^='klaviyo-form']::after {
    content: '';
    display: table;
    clear: both;
}

 



Please let me know whether it works.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Using a free theme? Improve it with copy/paste code snippets clicking here.
◦ Looking to hire an experienced developer? Same day response: ezfycode@gmail.com.
0 Likes
shopthriae
New Member
2 0 0

THANK YOU THANK YOU THANK YOU! That worked perfectly.

Gratitude

0 Likes

@shopthriae 

You're welcome!

Next time feel free to contact me personally, I'll be happy to help.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Using a free theme? Improve it with copy/paste code snippets clicking here.
◦ Looking to hire an experienced developer? Same day response: ezfycode@gmail.com.