how do I change header and menu color on Agency Pro theme?

[KayCorryAubrey]

hi - I'd like to learn how to edit the CSS for the Header and menu picks across all the pages on my site. I am accessing my web site via WordPress on the Internet (not downloaded on my computer).

Does anyone know which styles, classes etc I need to modify? Can I do this through the Customization menu on the child theme. Thanks! Kay

http://kaytest.usabilityresources.net

[Victor Font]

The best way to learn is to learn how to use your browser's inspect tool: https://www.studiopress.community/topic/tutorial-how-to-use-your-browsers-inspect-tool/

This allows you to see the CSS and make non-destructive changes in real time. After you change things to your liking, you make the changes permanent by editing style.css.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[James Chai]

In the style.css file locate the following

(i.e) from Agency Pro demo

.site-header {
    background-color: #333;
    left: 0;
    min-height: 61px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

Change #333 to desired color

.genesis-nav-menu {
    clear: both;
    color: #fff;
    font-family: 'Spinnaker', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    width: 100%;
}

Change #fff to desired color

---

Marketing, Sales and WordPress Growth Hacking http://www.smbpress.com

[Author]

Posts