Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • April 23, 2014 at 3:45 pm #255018
    Valinsy

    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

    April 23, 2014 at 9:16 pm #255220
    Yigit

    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

    April 24, 2014 at 4:36 pm #255587
    Valinsy

    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

    April 24, 2014 at 5:11 pm #255604
    Yigit

    Hi!

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

    Cheers!
    Yigit

    April 24, 2014 at 6:13 pm #255653
    Valinsy

    hi Yigit,

    Sorry – it was moved to agefriendlyireland.ie/wordpress

    Thanks

    April 24, 2014 at 6:37 pm #255661
    Yigit

    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

    April 24, 2014 at 6:46 pm #255674
    Valinsy

    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.

    April 24, 2014 at 6:52 pm #255682
    Yigit

    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

    April 24, 2014 at 6:55 pm #255686
    Valinsy

    Perfect!!!!!

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

    April 24, 2014 at 6:57 pm #255692
    Yigit

    Hey!

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

    Best regards,
    Yigit

  • Author
    Posts
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.