5 replies to this topic

[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

[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

Please Login or Register to see this Hidden Content

Or, you can create shadows such as found here

Please Login or Register to see this Hidden Content

[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?

[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:

Please Login or Register to see this Hidden Content

Also, here is further insight on CSS you can use to customize it:

Please Login or Register to see this Hidden Content

(more specifically, the Styling Links tutorial on the left side navigation).

[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.

[Danny]

Hi, Padding:

Please Login or Register to see this Hidden Content

Margin:

Please Login or Register to see this Hidden Content