Link to home
Start Free TrialLog in
Avatar of PlusIT
PlusITFlag for Belgium

asked on

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
ASKER CERTIFIED SOLUTION
Avatar of Dean OBrien
Dean OBrien
Flag of United Kingdom of Great Britain and Northern Ireland image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of PlusIT

ASKER

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 ?
Add this as well:

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

Easynow
Avatar of PlusIT

ASKER

nope does not change anything
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
Avatar of PlusIT

ASKER

i removed that line from body but nothing changed in the menu
Avatar of PlusIT

ASKER

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.
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
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of PlusIT

ASKER

perfect thx a lot Easynow you saved me another headache!
no probs, gald to help.