Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #255018

    Hi there,

    I’ve tried to see if this has been addressed already but I couldn’t find a clear answer so apologies if I’m repeating an issue.
    I would like to
    1. Change the background colour of the Menu Bar only. I can change the whole header colour but I want this to remain white and only the menu bar to change colour. (Dark Red with white text)

    2. The logo is showing up very small on screen so I would ideally like to allow it more height.

    I understand basic coding but anything too advanced I will have a problem with – is this something I can do myself or will I need to get a coder?

    Any helps greatly appreciated.
    Regards
    Element

    #255220

    Hey ElementArt!

    Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
    1-

    #header_main_alternate { background-color: red; }

    2- Can you post the link to your website so we can take a look?

    Regards,
    Yigit

    #255587

    Hi Yigit,

    I just tried that but nothing happens – I’ve managed to fix the height allowance for the logo but the colour is still giving me issues.
    Thank you for your help on this – I appreciate the speedy feedback.
    The site is http://www.agefriendlyireland.com/wordpress.

    Thanks
    Grace

    #255604

    Hi!

    It seems like your website is currently down – http://www.downforeveryoneorjustme.com/http://www.agefriendlyireland.com/wordpress

    Cheers!
    Yigit

    #255653

    hi Yigit,

    Sorry – it was moved to agefriendlyireland.ie/wordpress

    Thanks

    #255661

    Hi!

    Please try adding !important rule to the code as following

    #header_main_alternate { background-color: red !important; }
    .av-main-nav > li > a { color: white !important; }

    Currently it is not being applied.

    Best regards,
    Yigit

    #255674

    Thanks a million Yigit,

    That worked perfectly! One last quick question, if I wanted the font colour in the bar to be white so you can see it clearer do I change that in the Quick CSS too? And is there a code to have the rollover state be red text on white background?

    I think this is probably more a beginners coding question but if it is handy for you to send through a code I can copy across I would really appreciate it..
    I will probably be able to figure it out (eventually. . . through trial and error!!!) but as I said earlier – I’m not the best with coding :)

    Thank you again for all your help and speedy responses.

    #255682

    Hey!

    Following code should do it

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

    Regards,
    Yigit

    #255686

    Perfect!!!!!

    Thank you so much for your help! It looks great!

    #255692

    Hey!

    You are welcome, glad we could help! Let us know if you have any other questions or issues

    Best regards,
    Yigit

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

The topic ‘Changing colour of Top Menu Bar and Height allowance for logo’ is closed to new replies.