- This topic has 1 reply, 2 voices, and was last updated 8 years, 7 months ago by .
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.
These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.
Tagged: full width
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:
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/
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.
© 2023 WPEngine, Inc.