By Yuki on

User CP | Games | Calendar | Members | FAQs | Sitemap | Support |

You can see "|" this symbol in website.

I can put only menus using css like below:

User CP Games Calendar Members FAQs Sitemap Support

but if i want to put this "|" between menu titles then what is the tag or tricks I need to put in the theme's style.css file? Please kindly inofrm me.

I am using foliage theme.

⋅ Categories: Drupal 6.x

Comments

Jeff Burnz’s picture

Jeff Burnz commented

Normally the easy peasy way is to use CSS borders, such as:

#primary li {border-right: 1px solid #000;}
#primary li.last {border-right: none;}
Pimp your Drupal 8 Toolbar - make it badass.
Adaptivetheme - theming system for people who don't code.
Hueij’s picture

Hueij commented

Or maybe:

#primary li {float:left;}
#primary li a {display:block; padding:0 12px; line-height:1.8; border-right: solid 1px #000;}
#primary li.last a {border-right: none;}

Change the left and right padding and line-height to what you need.

This way the links take up more space than just the text alone.

www.opstijgendenevel.nl

msathesh’s picture

msathesh commented

@Jeff Burnz thanks for showing the easiest way