Tagged: , , , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 9, 2016 at 1:15 am #579987
    lisac83

    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.

    February 9, 2016 at 2:42 am #580004
    Elliott

    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

    August 25, 2017 at 1:03 pm #843929
    ANASCHMITZ

    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??

    August 29, 2017 at 2:29 pm #845341
    Yigit

    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

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