Aspire Header Navigation Font Color

Homepage › Community Forums › Aspire Theme Support › Aspire Header Navigation Font Color

Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 29, 2017 at 3:23 pm #21985
    bgh810
    Customer

      Hi Wes (or anyone else who can help),

      I need to change the initial font color for the nav bar from the default white to my company’s color (#e50000). I’ve tried changing everything I can think of using the instructions you’ve given to similar queries, but no luck. It’s still white (yes, even after I hit refresh).

      I’ve changed it back to the default now, but I desperately need to know how to make this change so that the menu will show up when the page loads despite my white-backgrounded image.

      Thanks very much in advance!

      September 30, 2017 at 5:41 pm #21987
      Wes
      Moderator

        Have you made changes to your CSS already? If so, can you send me a link to your site so I can see the exact line that needs to be changed?

        Or, you can search for the .site-header part of your CSS (line 1174 in the default CSS) and change the color – 

        .site-header {
	background-color: #e50000;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
}

        Next, you’ll need to change the background header color that shows up when scrolling down. This can be found here .site-header.light (line 1201 by default)

        .site-header.light {
	background-color: #e50000;
	padding-top: 0;
}

        Once you change both of those that covers the background. However, the home page background header is transparent at the top and then it changes to .site-header.light above. So if you need the background header to show on your homepage instead of being transparent, then look for this code (line 1196) – 

        .featured-section .site-header {
	background-color: transparent;
	border:  none;
}

        Let me know if that helps.

        September 30, 2017 at 7:05 pm #21988
        bgh810
        Customer

          Hi Wes,

          Thank you for your prompt reply. I tried making the changes you suggested, but the font remains white, both before scrolling and after scrolling (I want it to be white after scrolling, but not before).

          My site is: redteamthinking.com

          Many thanks!

          Bryce

          October 1, 2017 at 1:48 am #21989
          Wes
          Moderator

            Ah! Please disregard what I wrote above, I totally misread what you were asking. I thought you were talking about the Background Color. I was just helping someone with their background and got it mixed up.

            To change the FONT color to #e50000 on the homepage at the top, try adding this – 

            .featured-section .genesis-nav-menu a {
	color: #e50000;
}

            Next change the font color to #fff on line 1318 so it shows up as white when scrolling down (with the red background) – 

            .front-page .site-header.light .genesis-nav-menu > .menu-item > a {
    color: #fff;
}

            Also do the same for the logo/title text as well since the Font Color shows up as Red on top of a Red Background (line 1218) – 

            .front-page .site-header.light .site-title a,
.front-page .site-header light .site-title a:hover {
	color: #fff;
}

            If you want me to add this code in just let me know.

            Let me know if that works.

            October 1, 2017 at 2:07 am #21990
            bgh810
            Customer

              Thanks, Wes. That is indeed what I am trying to do. And I made the latest changes that you suggested, but for some reason, it’s still not working. I’ve left them in if you want to take a look in case I got something wrong.

              Bryce

              October 1, 2017 at 2:59 am #21991
              Wes
              Moderator

                It looks like you got some of it working. Is the background supposed to be Red or White when you scroll down?

                If the background is supposed to be White with Red font, then remove those last 2 edits I just posted. The last 2 edits change the Font Color to White. The only reason I suggested that was because the background on your site was Red when I checked earlier. If the background is supposed to White, then changing those Font Colors back to #e50000 should work.

                October 1, 2017 at 3:22 am #21992
                bgh810
                Customer

                  Thanks, Wes. Apparently there was a lag in the changes showing up on my end. All is as it should be now. I appreciate your help!

                  October 1, 2017 at 3:44 am #21993
                  Wes
                  Moderator

                    You’re Welcome!

                    Let me know when you have the site done and I’ll share it on Social Media.

                  • Author
                    Posts
                  Viewing 8 posts - 1 through 8 (of 8 total)
                  • You must be logged in to reply to this topic.