[Resolved] Border for body inner container

Home Forums Support [Resolved] Border for body inner container

Home Forums Support Border for body inner container

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1628687
    ch1800

    Hi guys,

    I’m using WP Show Posts at homepage and I’ve added a border with shadow with this snippet:

    .wp-show-posts-inner {
        background-color: #ffffff;
        padding: 70px;
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.04);
        border-radius: 3px;
    }

    I would like having the same for the remaining pages around the body’s inner container and tested with this:

    .separate-containers .inside-article {
        background-color: #ffffff;
        padding: 70px;
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.04);
        border-radius: 3px;
    }

    that somehow works but, unfortunately, removes itself on mouse hover…

    What would be the correct one for those page please?

    Thanks.

    #1628740
    Elvin
    Staff
    Customer Support

    Hi,

    that somehow works but, unfortunately, removes itself on mouse hover…

    Have you sorted this out?

    I don’t see this behavior when I checked your site. Perhaps I missed it.

    Can you link us to the site in question and/or provide a screen recording of this issue occurring so we could have an idea of which one to check? Let us know.

    #1628755
    ch1800

    Yes, sorry, I had removed the snippet and forgot to add it again…

    I’ve added it to the page linked here in “private” and I’ve put a red color so that it’s easily visible: box-shadow: 0 0 30px rgb(192 27 27);

    It displays when the mouse is outside of the inner container but disappears when you hover inside the article.

    #1628774
    Elvin
    Staff
    Customer Support

    You have this CSS in your Appearance > Customize > Additional CSS:

    .inside-article:hover, .sidebar .widget:hover, .comments-area:hover {
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    }

    You can remove .inside-article:hover, so this particular CSS set only applies to sidebar, widgets and the comment area. Or you can completely remove this code if you don’t want this effect.

    #1628790
    ch1800

    Yep, that’s right, was with original demo site.
    Removed and works fine, many thanks!

    #1628802
    Elvin
    Staff
    Customer Support

    No problem. Glad you got it sorted. 😀

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