[2 days left] What’s wrong with your cloud strategy? Learn why multicloud solutions matter with Nimble Storage.Register Now

x
?
Solved

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

Posted on 2014-04-01
4
Medium Priority
?
214 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 54

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 54

Accepted Solution

by:
Scott Fell,  EE MVE earned 2000 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

Understanding Web Applications

Without even knowing it, most of us are using web applications on a daily basis. Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We often confuse these web applications tools for websites.  So, what is the difference?

Question has a verified solution.

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

Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
This article discusses four methods for overlaying images in a container on a web page
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 purpose of this video is to demonstrate how to prevent comment spam on a WordPress Website. This will be demonstrated using a Windows 8 PC. Plugin Akismet will be used. Go to your WordPress login page. This will look like the following: myw…
Suggested Courses

649 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