I am wanting to have an optin form full width. I was able to accomplish this by using a grid row and placing a code block inside. The problem is I just want the grid row to be the same size as the form. I made the grid row background a different color just for contrast. I don’t want any of the grid row to be visible. Thanks in advance.
Hi jdprice!
I don’t think that is going to look very good on mobiles. What I would do is use a color section and give it an ID in the shortcode options and then use this CSS.
#customID, #customID .container { width: 100% !important; }
Cheers!
Elliott
Ok. I tried that and it is not full width. and there is space between the form and the slider above. Am I doing something wrong?
Hi!
It looks like you have the ID set to “optin11”. Add this to your custom CSS.
#optinll, #optinll .container {
border-bottom: 0 none !important;
max-width: 100% !important;
padding: 0;
width: 100% !important;
}
The margins are from the form your using. Try adding this as well.
#optinll div, #optinll form {
margin: 0 !important;
}
Regards,
Elliott
That worked great. Thank you.