Home › Community Forums › Aspire Theme Support › Change Menu to White with Black text?
- This topic has 6 replies, 2 voices, and was last updated 5 years, 7 months ago by
Wes.
-
AuthorPosts
-
October 31, 2017 at 4:02 pm #22070
aspireproman
CustomerHi all, I love this theme but am wondering if it’s possible to change the sticky menu’s color to white with black text?. Thanks
October 31, 2017 at 5:14 pm #22071Wes
ModeratorYes, do you have a link with an active site? I can tell you which lines you’ll need to adjust….or I can show you how to add some code to your Customizer CSS page.
October 31, 2017 at 5:44 pm #22075aspireproman
CustomerSure: http://decorativesouls.com/
Thank you
October 31, 2017 at 9:43 pm #22078Wes
ModeratorThe main background for the header is on line 1174 in your style.css. If you want to change it first, then you can find the code for the background color there –
/* # Site Header ---------------------------------------------------------------------------------------------------- */ .site-header { background-color: #000; left: 0; position: fixed; top: 0; width: 100%; z-index: 999; }
The sticky menu background (when you scroll down) is separate so you’ll need to change the background for it on a different line. You can find the section for that code a few lines under the main background around line 1202 –
.site-header.light { background-color: #000; padding-top: 0; }
And to change the font color, look around line 1300 –
.genesis-nav-menu a { color: #fff; display: block; font-size: 13px; font-weight: 300; letter-spacing: 2px; padding: 30px 15px; text-transform: uppercase; }
November 2, 2017 at 11:49 am #22082aspireproman
CustomerThanks Wes, I was able to find the code you showed there, but what you gave me is the same as what I found in the editor. I tried to change the colors from either #000 to #FFF, or vice versa, though my website has not reflected those changes. Is there something I’m doing wrong?. Sorry if that is too much to ask.
November 3, 2017 at 11:27 am #22088aspireproman
CustomerI guess it takes awhile for the code to change but, the changes I made worked!.
The dropdown menus are still the same though, so I will have to do some troubleshooting in the editor to try to change their colors too. cheers wes and thanks
November 3, 2017 at 3:57 pm #22089Wes
ModeratorYeah whenever you change CSS (on any site), make sure and click your Reload Button on your Browser so it instantly clears the Browser Cache. Then the changes will show up immediately.
Let us know if you run into any issues.
-
AuthorPosts
- You must be logged in to reply to this topic.