Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

[SOLVED] CSS Menu font won't change


  #1  
Old Apr 25, 2013, 03:14 PM
gr870sfunk's Avatar
gr870sfunk
 
110 posts · Mar 2011
Montgomery, AL
I'm using the Google Fonts plugin in order to use "PT Sans Narrow". That being said, my header consists of several divs:
#menu-header
#logo
#nav
#social
#media
#upper
#men
#lower

I have the font applied in #menu-header and it works for #lower, but not #upper. I have tried adding it everywhere including inline and via the Google Fonts settings, but the menu items in #upper stay in "Oxygen" which is the font for all the other text.

Any thoughts? Thanks!

Here is my css. I know it's a lot:
HTML Code:
#menu-header{
font-family:PT Sans Narrow !important;
width: 980px; 
margin: 0 auto; 
position: relative;
border-bottom:1px solid #9d9d9d;
display:inline-block;
padding:25px 10px;
background:#FFFFFF;
}

#logo{
position:relative;
float:left;
margin: 0 auto; 
width:380px;
padding-left:15px;
}

#nav{
position:relative;
float:left;
margin: 0 auto; 
width:575px;
}

#nav #social{
float:right;
width:22%;
padding-top:10px;
}

#nav #social #media{
padding-left:10px;
float:left;
}

#nav #social #media img{
float:right
}

#nav #upper{
margin-top:55px;
padding-bottom:15px;
border-bottom:1px solid #9d9d9d;
}

#nav #upper #men{
padding-bottom:15px;
list-style:none;
text-transform:uppercase;
margin-left:25px;
}
And here's the HTML:
HTML Code:
<div id="menu-header">
<div id="logo">
<img src="http://66.147.244.109/~leadinm1/wordpress1/wp-content/uploads/2013/04/logo-trans-black.png" width="175" height="135" />
</div>

<div id="nav">
<div id="social" style="margin-left:20px !important;">
<div id="media">
<img src="http://66.147.244.109/~leadinm1/wordpress1/wp-content/uploads/2013/04/facebook-top.png" />
</div>
<div id="media">
<img src="http://66.147.244.109/~leadinm1/wordpress1/wp-content/uploads/2013/04/twitter-top.png" />
</div>
<div id="media">
<img src="http://66.147.244.109/~leadinm1/wordpress1/wp-content/uploads/2013/04/youtube-top.png" />
</div>
</div>

<div id="upper">
<ul id="men">
<li><a style="padding-right:13px;" href="#">About Leading Edge Institute</a>
<ul>
<li><a href="#" title="Boards">Boards</a></li>
<li><a href="#" title="Faculty + Staff">Faculty + Staff</a></li>
<li><a href="#" title="Community Councils">Community Councils</a></li>
<li><a href="#" title="Donors">Donors</a></li>
<li><a href="#" title="Testimonials">Testimonials</a></li>
</ul>
</li>
<li><a style="padding-right:13px;" href="#" title="Blog">Blog</a></li>
<li><a style="padding-right:13px;" href="#" title="Partners">Partners</a></li>
<li><a style="padding-right:13px;" href="#" title="Videos">Videos</a></li>
<li><a style="padding-right:13px;" href="#" title="Photos">Photos</a></li>
<li><a href="#" title="Shop">Shop</a></li>
</ul>
</div>

<div id="lower">
<a href="#">GET INVOLVED</a>      <a href="#">GIVE</a>      <a style="padding:0;" href="#">CONTACT</a>
</div>
</div>
</div>
  #2  
Old Apr 25, 2013, 03:52 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
I see those divs on your splash page but not on the site. What items are you trying to style?
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Apr 25, 2013, 04:26 PM
gr870sfunk's Avatar
gr870sfunk
 
110 posts · Mar 2011
Montgomery, AL
miles, try this as the "home page".

http://66.147.244.109/~leadinm1/wordpress1/welcome/
  #4  
Old Apr 25, 2013, 05:01 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
try adding li or a after
HTML Code:
#nav #upper
So it would be
HTML Code:
#nav #upper li
Or
HTML Code:
#nav #upper a
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #5  
Old Apr 26, 2013, 08:15 AM
gr870sfunk's Avatar
gr870sfunk
 
110 posts · Mar 2011
Montgomery, AL
#nav #upper li{
font-family:PT Sans Narrow, san-serif !important;
}


It worked! Thank you so much!!

Bookmarks

Tags
css, font, header, menu, styling

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Font Size Menu Bar (Footlight MT Light font) does not change when giving higher px ematser Page & Category Menu Bars 2 Oct 15, 2011 01:06 PM
Change Font Color for Only One of Page Titles in Menu Bar goldstockbull Page & Category Menu Bars 1 Feb 1, 2011 03:21 PM
How can I change the menu font size? jstein Page & Category Menu Bars 1 Dec 21, 2010 09:58 AM
[SOLVED] Change Font Color of Page Menu Bar pyoterguru Page & Category Menu Bars 15 Mar 26, 2010 05:15 PM
How do I change the font color of the post/pages font and the title font? GreenEyedMonst Center area post/pages 0 Jan 16, 2010 03:06 PM


All times are GMT -6. The time now is 02:16 AM.


Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.