Solved

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

Posted on 2014-04-01
4
211 Views
Last Modified: 2014-04-17
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
0
Comment
Question by:phillystyle123
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
  • 2
4 Comments
 
LVL 52

Expert Comment

by:Scott Fell, EE MVE
ID: 39979783
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
 

Author Comment

by:phillystyle123
ID: 39984110
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
 
LVL 52

Accepted Solution

by:
Scott Fell,  EE MVE earned 500 total points
ID: 39984838
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
 

Author Comment

by:phillystyle123
ID: 39995349
hmm -still doesn't seem to do anything
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

In order to have all security and back ups taken care of, WordPress users can sign up for services with WP Engine.
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
The purpose of this video is to demonstrate how to exclude a particular blog category from the main blog page. This is can be used when a category already has its own tab, or you simply want certain types of posts not to show up on the main blog. …
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

726 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question