PlusIT
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
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
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Add this as well:
ul.menu li ul {padding-top:0px; padding-bottom:0px}
Easynow
ul.menu li ul {padding-top:0px; padding-bottom:0px}
Easynow
ASKER
nope does not change anything
I notice this:
body, p {
font-family: Verdana,Geneva,Arial,Helve tica,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
body, p {
font-family: Verdana,Geneva,Arial,Helve
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
ASKER
i removed that line from body but nothing changed in the menu
ASKER
could it be this:
.art-blockcontent-body ul li
{
line-height: 1.25em;
padding: 0 0 0 14px;
background-image: url('../images/blockconten tbullets.p ng');
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.
.art-blockcontent-body ul li
{
line-height: 1.25em;
padding: 0 0 0 14px;
background-image: url('../images/blockconten
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/blockconten tbullets.p ng');
background-repeat: no-repeat;
the default ones would appear, and they would be spaced correctly.
Easynow
Its the image you are using, it is fixed Xpx from top, and not centering. I bet if you removed
background-image: url('../images/blockconten
background-repeat: no-repeat;
the default ones would appear, and they would be spaced correctly.
Easynow
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
perfect thx a lot Easynow you saved me another headache!
no probs, gald to help.
ASKER
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 ?