Solved

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

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

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
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 Test the speed of a WordPress Website. Site Speed is an important metric of a site’s health. Slow site speed can result in viewers leaving your site quickly and not seeing your content. This…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

791 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