Jump to content

Archived

This topic is now archived and is closed to further replies.

margie

font colors look different in menu items from headings even with same hexadecimal color in CSS

Recommended Posts

margie

Hi-

 

I have the following CSS but for some reason the color of the current menu item looks different than the h5 headings.  Any idea why this is happening?

 

#site .navi-right ul li.current-menu-item a { 
  background-image: url('http:/removed for post/');
  background-repeat: no-repeat;
  background-position: center bottom;
  background-color: transparent;
  color: #BA5218;
}
 
h5 {
  color: #BA5218;
  text-align: left;
  font-weight: 400;
}

 

Thanks so much.

Share this post


Link to post
Share on other sites
James Giroux

Hey There!

 

CSS specificity is most likely the culprit here.  Can you please include a link to your site or at the very least a screenshot so we can see what you're working on?  It will help us better isolate the issue and provide the answer.  I'm not quite sure how to answer this question without a little more information.

 

Thanks!


James Giroux, CEO
Groundwork

Share this post


Link to post
Share on other sites

  • Similar Content

    • Liv Kundalini
      By Liv Kundalini+
      Hi -
      Pulling my hair out over here, and would love an assist!
      Site I am building, http://www.livkundalini.com/home, has a problem with the submenu items in the nav not appearing. 
      If anyone wants to see what the Nav should look like, feel free to look in the footer on the left hand side.
      Have tried disabling Pagelines and using the twentyseventeen theme, but problem persists.
      Saw this error (pasted at the bottom of this post) displaying in the inspector, and saw discussion of Jetpack potentially being a culprit. Disabled Jetpack, but the problem persists.
      Had the hosting company even flush the server-side cache, but no avail.
      Any thoughts? Please? It's the only thing keeping me from launching this site!
      Many Thanks,
      Todd
       
      WebSocket connection to 'wss://public-api.wordpress.com/pinghub/wpcom/me/newest-note-data' failed: Error during WebSocket handshake: Unexpected response code: 403   O @ (index):7
    • StuLeeUK
      By StuLeeUK+
      Good Afternoon,
      Could anyone help with a small issue I'm struggling with please? I've posted about this before but didn't actually get an answer that related to the matter to be able to fix it.
      Okay - I am working on this site: www.couriers.tv
      I have used 'Elements' at the top and 'Lander' further down - but unfortunately they both set the main text as 'H1' headings. I believe this is bad for search engines and I would like to adjust the Lander to be an 'H2' but I have no idea where to start?

      Any help would be very welcome, thanks.
    • bnapoli
      By bnapoli+
      http://731.34b.myftpupload.com/ this website is using the NavPro navigation in Platform 5. It has a lot of menu items, so it breaks to two lines when the window is sized down. What is the media query to make the navigation either a) switch to "mobile mode" at a higher width, or b ) expand the nav into two lines. Thanks
    • nadielp
      By nadielp+
      Hi Everyone,
      I am trying to get a single navigation item to center. I am using a scroll menu in the navigation component of Impulse. I would like to have the item in the center of the page but it defaults right. I tried setting the item to center a few different ways and nothing is working. I added {
        display: inline-block;
        position: relative;
        text-align: center;
      }
      but that didn't work...any help would be appreciated. Site is at http://vetpaw.org/new
       
      Thanks!
      Daniel
    • yemoonyah
      By yemoonyah+
      I just installed and added the Flipper section to my home page and it makes my navigation/menu bar items disappear.
      They do show up again when scrolling down and everything seems normal on the other pages.
      http://yemoonyah.com
      Thanks.
       
×