We help IT Professionals succeed at work.

Check out our new AWS podcast with Certified Expert, Phil Phillips! Listen to "How to Execute a Seamless AWS Migration" on EE or on your favorite podcast platform. Listen Now

x

Need some help with CSS for joomla template

PlusIT
PlusIT asked
on
Medium Priority
483 Views
Last Modified: 2012-05-11
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
Comment
Watch Question

CERTIFIED EXPERT
Commented:
Unlock this solution with a free trial preview.
(No credit card required)
Get Preview

Author

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 ?
CERTIFIED EXPERT

Commented:
Add this as well:

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

Easynow

Author

Commented:
nope does not change anything
CERTIFIED EXPERT

Commented:
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

Author

Commented:
i removed that line from body but nothing changed in the menu

Author

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.
CERTIFIED EXPERT

Commented:
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
CERTIFIED EXPERT
Commented:
Unlock this solution with a free trial preview.
(No credit card required)
Get Preview

Author

Commented:
perfect thx a lot Easynow you saved me another headache!
CERTIFIED EXPERT

Commented:
no probs, gald to help.
Unlock the solution to this question.
Thanks for using Experts Exchange.

Please provide your email to receive a free trial preview!

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.