2 themes -based on one theme, font weight different only on MAC / SAFARI

BOLD MENUS HERE:

http://vinnac.com/easton-foundation/saltlake/

non-bold menus here:

http://vinnac.com/easton-foundation/apply-for-grant/

the font-family and font weights are exactly the same in both stylesheets in the stylesheet

again, this is only on a mac/safari
phillystyle123Asked:
Who is Participating?
 
Scott Fell, EE MVEConnect With a Mentor Developer & EE ModeratorCommented:
Each has it's own style sheet.  
http://vinnac.com/easton-foundation/saltlake/wp-content/themes/centers/style.css
http://vinnac.com/easton-foundation/wp-content/themes/ef/style.css

The easy way of course would be to simply add a style for either normal or bold to the #access a {

font-weight:normal;

I can't see anything in the console as far as style though.  It is still possible there is something else effecting this that I am missing.  The "light" version has more style stylesheets attached and perhaps something else is passing on the style.  

I noticed when I through the bold version to jsbin http://jsbin.com/kerorugi/1 the nav was back to normal but the text below is not a text shadow with white.  

The easy way seems to just add the style for font weight.  If you want to spend time troubleshooting, things to try include using the same css sheet, make as much the same as possible and see what other stylesheet or js file or js script could be doing this.

Also, the bold version has some errors the other version does not.  Sometimes these things come into play.

[Warning] Invalid CSS property declaration at: * (soliloquy-centers.css, line 1)
[Error] Failed to load resource: the server responded with a status of 404 (Not Found) (slider-arrows-horizonta-centers.png, line 0)
0
 
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
There are so many classes attached to each LI tag, not wonder it is confusing.   You can see below that your menu is not the same on each page.  

REGULAR CSS and CODE
media="all"
#access a {
color: #fff;
display: block;
line-height: 1.5em;
padding: 0 1.2em;
text-decoration: none;
padding-top: 2px;
padding-bottom: 2px;
}
<li id="menu-item-264" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-264"><a href="http://vinnac.com/easton-foundation/archery-centers/">Archery Centers</a></li>

Open in new window


BOLD CSS and CODE
media="all"
#access .current-menu-item > a, #access .current-menu-ancestor > a, #access .current_page_item > a, #access .current_page_ancestor > a {
font-weight: bold;
color: #ffed00;
}

<li id="menu-item-31" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-7 current_page_item menu-item-31"><a href="http://vinnac.com/easton-foundation/apply-for-grant/">Grants</a></li>

Open in new window

0
 
phillystyle123Author Commented:
Thanks for replying Scott. In your example there are styles for different purposes. The default top menu css is identical in both stylesheets:

#access a {
color: #fff;
display: block;
line-height: 1.5em;
padding: 0 1.2em;
text-decoration: none;
padding-top: 2px;
padding-bottom: 2px;
}

Open in new window


as is the current menu css (on both stylesheets):

#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
	font-weight: bold;
	color:#ffed00;
}

Open in new window

0
 
phillystyle123Author Commented:
hmm -still doesn't seem to do anything
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.