• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 256
  • Last Modified:

increse line height in a list

I have a styled list on this page that is styled from an external style sheet
I want to increase the line height in this page, but not the style sheet.
Other pages are styled with external style sheet
How can i do this?
The page:
http://roofgenius.com/RoofCalcWriter/test.asp
0
isnoend2001
Asked:
isnoend2001
  • 4
  • 4
  • 2
2 Solutions
 
GaryCommented:
The line-height on everything or just the lists
0
 
isnoend2001Author Commented:
just the center list
0
 
Scott Fell, EE MVEDeveloperCommented:
Where you have

.speciallist li {
font: 13px/18px Verdana, Geneva, sans-serif;
color: #000;
line-height: 30px;
padding-left: 25px;
list-style-type: none;
background: url(images/bullet_ball_blue.gif) no-repeat left 2px;
}

Just change the line hight to any number. Here I changed it to 30.
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.

 
GaryCommented:
Padas is right for the class but somewhere in the body of that page add

<style type="text/css">
.speciallist li {
line-height:25px
}
</style>

Open in new window

0
 
isnoend2001Author Commented:
I added this to the head and it made no difference:

<style type= "text/css">
.speciallist li{
line-height: 40px;
}
</style>
0
 
GaryCommented:
If in the head then it needs to be below the stylesheet roof.css
You have just above that line.
0
 
isnoend2001Author Commented:
I moved it below the roof.css but it made no difference.
Seems it needs the !important tag to work, but the bullets do not line correctly
0
 
Scott Fell, EE MVEDeveloperCommented:
Try adding background-position-y: 8px;

.speciallist li {
font: 13px/18px Verdana, Geneva, sans-serif;
color: #000;
line-height: 30px;
padding-left: 25px;
list-style-type: none;
background: url(images/bullet_ball_blue.gif) no-repeat left 8px 2px;

}
0
 
GaryCommented:
You can remove the !important and change the class to
section_area .middlepanel .speciallist li
(if you want) the main class was still overriding as it was nested deeper
Add padas background style to that style block as well.
0
 
isnoend2001Author Commented:
thanks guys learned something new about putting the page declaration after the reference to the style sheet
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 4
  • 4
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now