Jump to content


Photo
- - - - -

Primary sidebar - menu buttons customization


  • Please log in to reply
5 replies to this topic

#1 oinegue1960

oinegue1960

    Super Member

  • Members
  • 117 posts
  • Framework Version:2.3.5
  • Country: Country Flag

Posted 20 March 2012 - 05:33 PM

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

#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 20 March 2012 - 07:15 PM

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



#3 oinegue1960

oinegue1960

    Super Member

  • Members
  • 117 posts
  • Framework Version:2.3.5
  • Country: Country Flag

Posted 21 March 2012 - 12:12 AM

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?

#4 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 21 March 2012 - 02:50 AM

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

#5 oinegue1960

oinegue1960

    Super Member

  • Members
  • 117 posts
  • Framework Version:2.3.5
  • Country: Country Flag

Posted 21 March 2012 - 10:34 AM

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.

#6 Danny

Danny

    Is Awesome!

  • Moderators
  • 17945 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 21 March 2012 - 12:19 PM

Hi, Padding:

Please Login or Register to see this Hidden Content

Margin:

Please Login or Register to see this Hidden Content