Jump to content
Sign in to follow this  
Mictlan

Diferent attributes for side bar 1 and 2

Recommended Posts

Mictlan

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 on the CSS? What I want is to give the same attributes to side bar 2 with the exception of it size. I need them smaller. at least half of the size. http://propulsionworks.com/photography/ Sidebar 1 is the Nav of the website and side bar 2 I want it to be the secondary nav. Is there any way I can divide ul.sidebar_widgets {} in ul.sidebar1_widgets { } ul.sidebar2_widgets { }?

Share this post


Link to post
Share on other sites
Rob

ul.sidebar_widgets { } actually is for an unordered list (UL) in a sidebar widget. I'm really unclear what you want to do. Are you trying to create a wider space between the two sidebars?


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Mictlan

@rangelone Sorry I meant I want to change the style of the text on the sidebar. Thank to your last suggestion I was able to change the style of my links the way I want them. So if the ul.sidebar_widgets is just the unordered list maybe what I want is not to make the style changes on the ul list but in the actual side bar. With fire bug I can see this.

So I should ad those changes I want on the class instead of the UL list and make a second class for sidebar2 that way I can control the style of each sidebar individually correct? this is what it is right now with the style in the ul.sidebar_widgets : http://propulsionworks.com/photography/ This is what I want to do: http://propulsionworks.com/side-bar-example.jpg

Share this post


Link to post
Share on other sites
Danny

Hi, Use the following CSS to get started customising your two sidebar menus, there is more CSS needed for hovers etc... Keep in mind we can't design your site for you so if you need CSS help, make sure you've downloaded Firebug for Firefox and check out W3 Schools for more info. Also please be sure to watch our Firebug video tutorial here.

/* Sidebar 1 Menu */
	#nav_menu-3 ul li { list-style: none; display: block; padding: 10px 0px; }
	#nav_menu-3 li a { color: red; font-size: 14px; }
	
	/* Sidebar 2 Menu */
	#nav_menu-8 ul li { list-style: none; display: block; padding: 0px 0px; }
	#nav_menu-8 li a { color: red; font-size: 11px; }


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Mictlan

@Danny If were building the website from scratch I would not have this problem. I am just new to page lines and I still trying to figure out how to find the sections name on the CSS thinking there is an easy way to do it. Thank you for your reply the #nav_menu is what I was looking to modify. Between firebug and and the tutorial is enough for me to find my way in the code. Thank you for again for your time.

Share this post


Link to post
Share on other sites
Mictlan

Thank you Catrina, Danny was able to help. Now I know that if I need something I just have to write it. I had this idea where there was a define class or id for sidebars where I can go and change but I guess I was wrong.

Share this post


Link to post
Share on other sites
Danny

Unfortunately, there is no define class for sidebars. I have accepted my reply above, if you need further assistance, simply reply here.


Please search our forums, before posting!

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  

×