[Support request] box-shadow to content areas

[Richard]

Hello,
I am trying to add left/right shadows to only the content areas. (not the header, etc.)

rgba(66,89,104,0.5)

Thanks!!!

EDITED…
Hi Leo, thanks for getting back to me, url is linked.
I did some hunting in Google console, and tried adding:

.separate-containers .site-main {
box-shadow: 0px 10px 10px 0px rgba(66,89,104,0.5);
}
.full-width-content.separate-containers .inside-article, .full-width-content.one-container .site-content {
box-shadow: 0px 10px 10px 0px rgba(66,89,104,0.5);
}
.one-container .site-main {
box-shadow: 0px 10px 10px 0px rgba(66,89,104,0.5);
}

It seems to have worked for the few pages I have – but there is probably better code available. Again, I need this to appear for posts/pages. Also, this code didn’t work for the footer or bottom bar. (I manually added that within the Elementor sections)

Thanks! Have a great weekend.
Rich

GeneratePress 2.2.2

GP Premium 1.7.8

[Leo]

Hi there,

Any chance you can link us to the site in question?

You can edit the original topic and use the private URL field.

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Richard]

Good morning,
I was wondering if there was a solution.
Thanks!

[Tom]

Hi there,

That code looks good to me – is it not working perfectly?

You could improve it a bit:

.full-width-content.one-container .site-content,
body:not(.full-width-content).one-container .site-main {
    box-shadow: 0px 10px 10px 0px rgba(66,89,104,0.5);
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Richard]

Thanks Tom, it is kind of working – but notice that the shadow stops when it hits the featured image:
https://gcu02.wpengine.com/writing-center/

[David]

Hi there,

thats going to be quite tricky, as you would need to the box shadow to the post section you have created in elementor as well, which can be done within the Elementor Editor….. making them match up with the theme elements may take some tweaking.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts