?
Solved

Need some help with CSS for joomla template

Posted on 2011-04-21
11
Medium Priority
?
473 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
0
Comment
Question by:PlusIT
  • 6
  • 5
11 Comments
 
LVL 12

Accepted Solution

by:
Dean OBrien earned 2000 total points
ID: 35439598
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
 
LVL 10

Author Comment

by:PlusIT
ID: 35439615
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
 
LVL 12

Expert Comment

by:Dean OBrien
ID: 35439629
Add this as well:

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

Easynow
0
Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

 
LVL 10

Author Comment

by:PlusIT
ID: 35439642
nope does not change anything
0
 
LVL 12

Expert Comment

by:Dean OBrien
ID: 35439648
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
 
LVL 10

Author Comment

by:PlusIT
ID: 35439683
i removed that line from body but nothing changed in the menu
0
 
LVL 10

Author Comment

by:PlusIT
ID: 35439758
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
 
LVL 12

Expert Comment

by:Dean OBrien
ID: 35440044
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
 
LVL 12

Assisted Solution

by:Dean OBrien
Dean OBrien earned 2000 total points
ID: 35440065
Or replace the image with this one (attached) bullet
0
 
LVL 10

Author Closing Comment

by:PlusIT
ID: 35440438
perfect thx a lot Easynow you saved me another headache!
0
 
LVL 12

Expert Comment

by:Dean OBrien
ID: 35440452
no probs, gald to help.
0

Featured Post

Hire Technology Freelancers with Gigs

Work with freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely, and get projects done right.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses how to create an extensible mechanism for linked drop downs.
The first step to building an amazing About page is to figure out what you want the page to say about your company. You then must grab the attention of the reader, boast a bit, tell a story and let others brag about you. With a little bit of thought…
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

809 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question