Site logo

Archived topic

Before Comments Container Element Width

2 replies · Started by Adam on July 4, 2019

Viewing posts 1–3 of 3

I've created an element and positioned it in before-comments-container with the following code for a popup subscribe box.

<div style="width:100%;margin-bottom:20px;padding:40px;background-color:#ffffff"><p style="text-align: center">Get our latest posts straight to your inbox</p>
<p style="text-align: center"><a class="button" onclick="ml_webform_853624('show')" target="_self">Join now</a></p></div>

The box looks how I want it, but I'm unsure how to get the width to match the blog container? (Hope that makes sense)

If you have a look at any blog post, you'll see it overhangs, instead of sitting flush on both sides with the main container.

I've possibly worked this one out myself? I think the padding was pushing it off centre.

I changed the padding, and it now seems to be sitting flush, but is this the best way of coding this?

<div style="width:100%;margin-bottom:20px;padding-top:40px;padding-bottom:40px;background-color:#ffffff"><p style="text-align: center">Get our latest posts straight to your inbox</p>
<p style="text-align: center"><a class="button" onclick="ml_webform_853624('show')" target="_self">Join now</a></p></div>

Hi there,

That looks good to me!

This archived topic is closed to new replies.