Increase the width of the newsletter sign up entry form

Solved
fizzy1
Tourist
13 0 3

Hi there,

I'd be grateful if anyone has the answer to this. I have the flex theme by out of the sandbox and it allows you to enter sections where you can add custom HTML. 

I created a new section so I can add the Klaviyo newsletter sign up form- near the bottom of the page. However I'm unable to increase the size of the email entry field, despite me changing it in the Klaviyo app. I suspect it's something to do with the div class restricting it but I'm not sure how to fix it.

Any suggestions are welcome. Thank you

https://toomey-koko.myshopify.com

Accepted Solution (1)

Accepted Solutions
Nazmulhasan
Excursionist
10 3 3

This is an accepted solution.

Hey @fizzy1,

You can add this line of CSS code to your custom html section to make it work.

.klaviyo-form-S34TqY klaviyo-form.form-version-cid-1 {flex-basis: 100%;}

 

It should look like this:

Nazmulhasan_0-1635057229862.png

Ping me if you need any help.

Regards.

 

If found helpful Like & Mark as Accepted solution
~ Email: nazmulhasankazal@gmail.com
~ Skype: live:nazmulhasankazal

View solution in original post

Replies 2 (2)
Nazmulhasan
Excursionist
10 3 3

This is an accepted solution.

Hey @fizzy1,

You can add this line of CSS code to your custom html section to make it work.

.klaviyo-form-S34TqY klaviyo-form.form-version-cid-1 {flex-basis: 100%;}

 

It should look like this:

Nazmulhasan_0-1635057229862.png

Ping me if you need any help.

Regards.

 

If found helpful Like & Mark as Accepted solution
~ Email: nazmulhasankazal@gmail.com
~ Skype: live:nazmulhasankazal

View solution in original post

fizzy1
Tourist
13 0 3

Thank you so much!