Archived

This topic is now archived and is closed to further replies.

  • 0

CSS Changing Text in places I don't want ti...

Question

Posted · Report post

Hello!

 

I am trying to edit the text in the menu bars of my website. When I use firebug and pull out the appropriate CSS line to edit, it changes the text size in all my menu bars. I am trying to increase the size of the text on my left navigation, while shrinking the size of the text on the top bar nav. Does anyone know how to do this? Entering in

 

a {
    font-size:18px;
}

 

changes it for both.

 

Many thanks!!!

 

-R

 

Here is the page: http://www.philosophymuse.com/featured-faculty/

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

Hi,

 

The use of the CSS example you provided will change the size of any hypertext linked text to 18px high.  This is not a good thing as it will create large text in links you may include in your content.   Someone will be reading and suddenly see this where there's a link.

 

How did you create the left side menu? Was it through Dashboard > Appearance > Menus?   If so, there's a way to add a unique class for those menu items which may then be styled and resized.   If not, please describe how you did it and we'll try to come up with a solution with you.

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks. I figured out how to only change the font size there by placing in

 

.menu-cte-menu-container {
   
    font-size: 180%;  }

to only change the font there. However, I cannot not get it to change the line height. When I put in the appropiate CSS

 

.menu-cte-menu-container {
   
    font-size: 180%;  line-height: 50px;
 
   
}

 

It does nothing??

 

Any ideas?

Share this post


Link to post
Share on other sites

Posted · Report post

I don't think you should mix percentages and pixel sizes in one element, but that's just my humble opinion.

 

Check the information here: http://www.w3schools.com/cssref/pr_dim_line-height.asp

 

It might provide some options on how to achieve this goal.

Share this post


Link to post
Share on other sites