3 replies to this topic

[reidthis]

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:

Please Login or Register to see this Hidden Content

[Rob]

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.

[reidthis]

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?

[Rob]

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:

Please Login or Register to see this Hidden Content

 

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