Need some help with CSS for joomla template

Hi,

I made a template in Artisteer and you can see the results in the screenshot below.

what I'm trying to achieve is that the left menu (and only that menu) has some more spacing vertical between the words.  Whatever I try i fail to do this.  Could somebody help me out please ?
menu.png
LVL 10
PlusITAsked:
Who is Participating?
 
Dean OBrienCommented:
Try something like this in your template.css file:

ul.menu li {padding-top:15px; padding-bottom:15px}

Then play around with the values.

Cheers
Easynow
0
 
PlusITAuthor Commented:
works liek a charm, i also added one for ul.menu lu.  
But one more question i see now that the spacing between HotSpot Spa and Tempo is not correct

I also see that the bullets i use are still in their old position so I guess there's something else that needs to be done ?
0
 
Dean OBrienCommented:
Add this as well:

ul.menu li ul {padding-top:0px; padding-bottom:0px}

Easynow
0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

 
PlusITAuthor Commented:
nope does not change anything
0
 
Dean OBrienCommented:
I notice this:

body, p {
    font-family: Verdana,Geneva,Arial,Helvetica,Sans-Serif;
    font-size: 16px;
    line-height: 125%;
    text-align: justify;
}

The line height here is cascading into you lists, try removing 'body' and adding any elements you use i.e. h1 h2 etc
0
 
PlusITAuthor Commented:
i removed that line from body but nothing changed in the menu
0
 
PlusITAuthor Commented:
could it be this:


.art-blockcontent-body ul li
{

  line-height: 1.25em;
  padding: 0 0 0 14px;
  background-image: url('../images/blockcontentbullets.png');
  background-repeat: no-repeat;
}


as soon as i change something from padding there, then the bullet is put at the exterme left and the text on  top if it.
0
 
Dean OBrienCommented:
i think i know what the problem is...

Its the image you are using, it is fixed Xpx from top, and not centering. I bet if you removed

  background-image: url('../images/blockcontentbullets.png');
  background-repeat: no-repeat;

the default ones would appear, and they would be spaced correctly.

Easynow
0
 
Dean OBrienCommented:
Or replace the image with this one (attached) bullet
0
 
PlusITAuthor Commented:
perfect thx a lot Easynow you saved me another headache!
0
 
Dean OBrienCommented:
no probs, gald to help.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.