Liquid, JavaScript, themes, sales channels
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?
Solved! Go to the solution
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
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
THANK YOU THANK YOU THANK YOU! That worked perfectly.
Gratitude ❤️
@shopthriae
You're welcome!
Next time feel free to contact me personally, I'll be happy to help.
Kind regards,
Diego
so i have the same issue - i added the Klaviyo code you outline to the base.css since i don't see a 'theme.css' - any ideas? thanks!
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024