Jump to content
Sign in to follow this  
Mictlan

I want to change the size and color of a custom menu on a side bar

Recommended Posts

Mictlan

I am not sure if this is the right way. but I want my NAVigation menu to be on the side bar. So I made a custom menu (widget) which works but now I want modify that menu to be a bigger size font and different color. They are links so if I can just find that CSS section to adjust the size, font, etc will be great. Frome the store I got the plugin pagelines customize CSS. in Firebug I can see this.

    So I know I can go in and modify or will be better add a class= with my changes? not sure what to do. :)]

Share this post


Link to post
Share on other sites
batman

For me is better add in: PageLines > Site Options > Custom Code > CSS Rules It is advisable to learn how to do this on your own too. Check out http://www.pagelines.com/wiki/Custom_CSS'>http://www.pagelines.com/wiki/Custom_CSS If you need more CSS help check out http://www.w3schools.com/ for more info. Also please be sure to watch our Firebug video tutorial here. http://www.pagelines.com/wiki/Custom_CSS'>http://www.pagelines.com/wiki/Custom_CSS


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
Rob

The font size is changed with this:

ul.sidebar_widgets {
	    font-size: 20px;
	    list-style-type: none;
	}
	ul.sidebar_widgets a{
	    color: #C00000;}

You'll also have to customize it to include Active and Hover states. Two great resources that will help you with the selectors are: http://www.w3schools.com/css/ and http://www.cssplay.co.uk/menus/,


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Mictlan

@rangelone Thank you! thank you! thank you!

Share this post


Link to post
Share on other sites
Rob

I'm presuming that worked! Glad to hear it! You're quite welcome.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Mictlan

@rangelone In did it work very well now I have a similar question. the ul.sidebar_widgets { } control all the attributes for all side bars. Is there any way I can separate side bar one from side bar 2? what I want is to give the same attributes to side bar 2 but smaller. at least half of the size. http://propulsionworks.com/photography/ is there any way I can divide ul.sidebar1_widgets { } ul.sidebar2_widgets { }?

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×