Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 11, 2015 at 9:33 pm #458042
    lzevon

    I’m trying to figure out how to change the entire background color of the main nav area. I’m using nav below the logo. I’ve added this to the CSS…

    div #header_main #header_main_alternate .container { background:#FFFFFF; }

    … which does change the colors behind the menu items, but on either edge (stretch full screen) it’s still picking up the Logo Area background color. How can I have the background of the logo area be one color and the background of the main menu area be another color (all the way to the end on fullscreen)?

    Thanks!

    June 12, 2015 at 8:21 am #458237
    Rikard

    Hey lzevon!

    I’m not sure I understand exactly what you are trying to do but please try the following in Quick CSS:

    strong.logo {
  background-color: blue !important;
}

#header_main {
  background-color: green !important;
}

    Regards,
    Rikard

    June 12, 2015 at 6:29 pm #458542
    lzevon

    where I have the red squares I want it to be white – if you reread my initial post and look at this image it should all makes sense.

    • This reply was modified 8 years, 11 months ago by lzevon.
    June 12, 2015 at 6:54 pm #458556
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #header_main_alternate {
  background-color: white;
}

    Best regards,
    Yigit

    June 12, 2015 at 7:04 pm #458560
    lzevon

    Hi Yigit,

    I’ve tried this and multiple variations – it won’t affect the outer parts (left and right) of the main menu area. If you can visit the link I sent and view the source you will see. Insane amount of time on this one small item – in stretched layout I need the whole bar white.

    Thanks

    June 12, 2015 at 7:05 pm #458562
    Yigit

    Hey!

    Do you mind creating a temporary admin login and posting it here privately?

    Regards,
    Yigit

    June 12, 2015 at 7:15 pm #458570
    lzevon

    Interesting – when I was setting up the account for you I put all the styles I had in the Child theme in the Custom CSS field so you could see what I had without needing FTP access. Once I pasted in there it worked. Does Enfold not support child themes in the same way? I have purchased 15+ copies of Enfold, so it’s important to know if anything changed for when I update the theme on the other sites (without breaking anything). Please let me know what has changed and what I need to do to use a child theme.

    June 13, 2015 at 2:16 pm #458757
    Ismael

    Hey!

    The theme like any other themes can be modified through a child theme. If you want, you can add your css modifications in the child theme’s style.css.

    Regards,
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘change background color of entire main menu area’ is closed to new replies.