[Support request] box-shadow to content areas

Home Forums Support box-shadow to content areas

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #833129
    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
    #833241
    Leo
    Staff
    Customer Support

    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 🙂

    #836567
    Richard

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

    #837085
    Tom
    Lead Developer
    Lead Developer

    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);
    }
    #838118
    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/

    #838170
    David
    Staff
    Customer Support

    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.

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.