Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • June 4, 2014 at 6:01 pm #274604
    mixedmedia99

    Hi

    Is there any way to give the block behind the main enfold navigation link a background colour?
    (white link over blu block)

    Thanks

    June 4, 2014 at 6:04 pm #274609
    Yigit

    Hi mixedmedia99!

    Please go to Enfold theme options > Advanced Styling and edit “Main Menu Links” then add following code to Quick CSS in General Styling tab and adjust as needed

    .av-main-nav > li > a { background-color: blue!important; }

    Regards,
    Yigit

    June 5, 2014 at 8:43 am #274993
    mixedmedia99

    Brilliant!

    Thanks

    June 5, 2014 at 8:59 am #275001
    mixedmedia99

    Anyway to extend the blue to the edge of the page? that way I don’t get blue nav blocks then white on the left and right side.

    Thanks

    June 5, 2014 at 11:40 am #275059
    Yigit

    Hi!

    I am not sure if i understood you clearly but if you would like to change the background color of header, you can do so in Enfold theme options > General Styling > Header tab. Can you post the link to your website?

    Regards,
    Yigit

    March 15, 2017 at 1:18 pm #761397
    evtilsley

    Is there a way to make the colour back 50% transparent?

    March 15, 2017 at 1:30 pm #761404
    Yigit

    Hi!

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

    .header-scrolled .header_bg {
    background: rgba(0,0,0,0.5);
}

    Best regards,
    Yigit

    March 15, 2017 at 1:46 pm #761413
    evtilsley

    Sorry not what I’m after. Pls see progress at:

    http://www.thamesvalleyvelocette.co.uk

    What I’d like – if poss – is for the navigation items to have a small/short semi-transparent colour block, until the page is scrolled when back text over white is A OK. Hope this makes sense.

    A bit like this css http://jsfiddle.net/G4Ln2/

    March 19, 2017 at 7:01 am #763089
    Ismael

    Hey!

    Thank you for the info.

    Please add this in the Quick CSS field:

    #top #wrap_all .av_header_transparency .main_menu ul:first-child > li > a .avia-menu-text {
    background: red;
    padding: 5px 7px;
}

    Cheers!
    Ismael

    March 21, 2017 at 12:54 am #763930
    evtilsley

    Hi – it ma be due to the other quick css I have in place, but all it did (Chrome) was make the nav text smaller !

    March 21, 2017 at 6:24 am #764004
    Ismael

    Hi!

    There’s no font-size declaration in our suggestion above so it should not affect the size of the text. Please post the login details here so that we can check your css modifications.

    Regards,
    Ismael

    March 21, 2017 at 12:04 pm #764136
    evtilsley

    Hi is OK I’ve hacked in some css & it’s fine for now. Please close topic. Thanks for input as ever

    March 22, 2017 at 5:26 am #764532
    Rikard

    Hi,

    Great, glad you got it working and thanks for the feedback. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Background color behind navigation’ is closed to new replies.