Solved

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

Posted on 2014-04-01
4
208 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
  • 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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Making my existing website "mobile friendly"... 10 36
Why is this panel heading creating extra space 2 38
Error in script 11 48
Contact Form 7 Error 4 16
As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
I annotated my article on ransomware somewhat extensively, but I keep adding new references and wanted to put a link to the reference library.  Despite all the reference tools I have on hand, it was not easy to find a way to do this easily. I finall…
The purpose of this video is to demonstrate how to manually back up a WordPress Database. This will be demonstrated using a Windows 8 PC. The Host used will be IPage.com Log into your Hosting account. IPage will be used for demonstration : Locat…
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. …

863 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

Need Help in Real-Time?

Connect with top rated Experts

23 Experts available now in Live!

Get 1:1 Help Now