Link to home
Start Free TrialLog in
Avatar of phillystyle123
phillystyle123Flag for United States of America

asked on

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
Avatar of Scott Fell
Scott Fell
Flag of United States of America image

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

Avatar of phillystyle123

ASKER

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

ASKER CERTIFIED SOLUTION
Avatar of Scott Fell
Scott Fell
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
hmm -still doesn't seem to do anything