Archived topic
No 'Main Wrap' Is there a workaround?
5 replies · Started by ocan on June 4, 2018
Hi
I use GeneratedPress with contained header, content, footer on a background
I would like to use a tainted shadow around all the containers as in this for example
Problem is they use a main-wrap class that includes eveything but I cant find any class that includes all containers at once.
Should I do my CSS for each item (header / content / footer) or is there a workaround?
Thanks!
Hi there,
you can use GP Hooks to do this, go to Appearance > GP Hooks and add <div class="main-wrap"> to the Before Header Hook and </div> to the After Footer Content
Hi David,
Thank you for your help!
Unfortunatly the main-wrap class created also include the background
I thought that I misplaced the html in the hook section or I put it in the wrong section but I didnt
I tripled check and there is very few chances I fumbled on this as this is the only thing in the hook section
Any other idea?
Thanks David
Hi there, use this for the opening DIV in the Before Header Hook instead:
<div class="main-wrap grid-container">
And add this CSS to remove the padding:
.main-wrap.grid-container {
padding: 0;
}
WOW, you are fast David!
I found this workaround :
.site-header,.main-navigation,.hfeed,.site-footer {
box-shadow: 0px 0px 15px #555;
}
but your solution is waaaaay more elegant!
Thank you for your tremendous help David!
PROBLEM SOLVED (and that was fast!)
You're welcome, glad i could help and you now have two solutions!