Jump to content
Sign in to follow this  
oinegue1960

Primary sidebar - menu buttons customization

Recommended Posts

oinegue1960

Hello, I created a customized menu in my primary sidebar and I'd like to give a 'button' shape to each link. How to proceed? Any help is much appreciated. Thanks

Share this post


Link to post
Share on other sites
Rob
Hi, You can wrap each menu item in a div or, the entire menu if you wish, and apply CSS styling to include a background image, such as shown in this http://css3menu.com/?gclid=CPq19JKX9q4CFcRM4AodG1Wsvg Or, you can create shadows such as found here http://www.cssplay.co.uk/menus/menutwo.html

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
oinegue1960
Thanks Rangelone, probably I'll choose to wrap each menu item in a div. Do you suggest to add the code to child's css? (maybe a new 'div class'?) How to name such code in order to apply to customized sidebar menu?

Share this post


Link to post
Share on other sites
catrina
Yes, you can add the CSS code to the child theme's CSS (under Appearance > Editor). You'll need to assign a new DIV class to it (i.e. div.custom-navi). This is a very helpful resource on using the DIV tag: http://www.w3schools.com/TAGS/tag_div.asp. Also, here is further insight on CSS you can use to customize it: http://w3schools.com/css/default.asp (more specifically, the Styling Links tutorial on the left side navigation).

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
oinegue1960
Great suggestion Catrina! A little more help please if possible... is there a css tutorial on how to create a small space between buttons in vertical menu? thanks.

Share this post


Link to post
Share on other sites
Danny
Hi, Padding: http://www.w3schools.com/css/css_padding.asp Margin: http://www.w3schools.com/css/css_margin.asp

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  

×