Best Way To Insert Full-Width Div Into Content?

[anotherusername]

How is the best way to add a full width DIV (like a call to action) into the content area of a page or post?

For example, on this page:

Pricing for Real Estate Photography and Video In Marin County

I have inserted a </div> to close the .entry-content div first, then inserted a full width CTA div, then closed THAT full width CTA div, then used another opening <div class="entry-content">. So it looks something lie:

</div> <!-- closes entry content so the following div can be full width -->

<div id="call-to-action-wrap"><h3>Our call to action text</h3>
</div><!-- end call to action wrap to stop being full width-->
<div class="entry-content"><!-- resume the normal .entry-content div for standard padding and margin -->

It works ok, but is there an easier / better way to do it?

Maybe remove the padding in the content entry div, then convert the p and h1 elements to block-inline, and assign them margins instead?

Thanks in advance.

http://www.marinhomephotography.com/pricing/

[Susan]

As you posted this a while back, I hope you were able to resolve your issue. If it is resolved, please mark it "resolved", and we will close it.

If you are still having issues, report back here, and I will try to escalate.

[Author]

Posts