Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #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?



    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;



    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);

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



    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 or Dropbox public folder and post the links here

    Best regards,

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