Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #579987

    Hi there,
    I’ve searched through Enfold’s General Styling options to try to find how to insert a dark opaque background on the top menu, and a solid colour on the secondary menu, both in the header.

    They look great when you scroll down the page, but it’s when you first load the page that I want to add a slightly opaque background so the text is more readable over the image.

    How do I do this?

    Thanks.

    #580004

    Hi lisac83!

    Add this to your custom CSS.

    .main_menu {
        background: rgba(0,0,0,0.2);
        padding-right: 10px;
    }
    .header-scrolled .main_menu {
        background: white;
        padding-right: 10px;
    }

    Cheers!
    Elliott

    #843929

    Hi, I am using the Transparent Header in a couple pages and I have a default gray color in the background.

    This is what appears when I inspect the code:

    top .socket_color.fullsize .template-blog .post_delimiter, .socket_color .related_posts.av-related-style-full a {
    border-color: #444444;
    border-top-color: rgb(68, 68, 68);
    border-right-color: rgb(68, 68, 68);
    border-bottom-color: rgb(68, 68, 68);
    border-left-color: rgb(68, 68, 68);
    }
    base.css?ver=4.1:92

    I need to change that color but I don´t know how to do it, is it any code that I can add to the custom CSS??

    #845341

    Hi,

    @anaschmitz Can you please post a link to your website and a screenshot showing the changes you would like to make? You can upload your screenshots on imgur.com or Dropbox public folder and post the links here

    Best regards,
    Yigit

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.