Spacing Between Bullets

[tsimarketing]

We have a few bullet lists throughout our website. An example of one is on this page (which the password is success) under the Automated Patient Reminders tab. We noticed that when we use the bullet list option button and make the text H4, it adds a line space between each bulleted item. Is there a css code that I can use to control the line spacing for all the bulleted lists that we have that use H4 text. Because right now the bulleted lists look like they have too much spacing throughout the whole thing.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Have you added an inline style of padding-left:90px; ?

– Kyle

[tsimarketing]

I don’t think I have a css code that in it. But I did find this css code:

.sf-list {
text-indent: -0.7em;
}
ul {
list-style-position: outside !important;
}

Would that be adding a line space between each bulleted point?

[Kyle – SUPPORT]

No, go to your text, switch to text editor and see if the style is there

– Kyle

[tsimarketing]

oh, yes I see that in the text editor, but does that code mess with the line spacing between each bulleted item. Because that code is there for the two bullet sentences that I wanted to indent over. But I am refering to the space under each bulleted line. I have attached a photo showing you the space I am talking about just to make sure we’re both on the same page. The red rectangles are the space I would like to have control over, because when I make the text H4 it adds this whole line space.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Why are you using h4 for all of your text? That’s not good practice

– Kyle

[tsimarketing]

Because we all liked the look of the weight and size. But is there nothing I can do or add to control the spacing between bulleted item?

[Kyle – SUPPORT]

I would highly recommend using normal paragraph text for that content, h tags are supposed to be for headings only.

If you want to change the font size etc you can do that via custom css

– Kyle

[tsimarketing]

We know that using H4 for our body text is not good practice, but we don’t have time to go back and change all our text right now. So is there a css code that we can use to fix the spacing between the lines for H4 text in an unordered bullet list option?

[Kyle – SUPPORT]

Where’s the page gone?

– Kyle

[tsimarketing]

Well the original page I had this question for, I fixed.
But we are having trouble with spacing on another page, below is the link. As you can see there is space between each bulleted item and the bullets appear on top of the first letter in each sentence.

http://tsihealthcare.com/test/bullet-spacing/

[Kyle – SUPPORT]

You have a lot of custom css targeting lists which is likely causing the issue

– Kyle

[tsimarketing]

Okay, which list css codes do you think I should get rid of to fix the issue?

[Kyle – SUPPORT]

You have:

.spb_wrapper > ul {
  padding-left: 1.3em;
  text-indent: -0.9em;
}

.sf-list {
  text-indent: -0.7em;
}
ul {
    list-style-position: outside !important;
} 

.spb_wrapper > ul {
    text-indent: 0em !important;
}

All contradicting each other

– Kyle

[tsimarketing]

Okay, we’ll test getting rid of some of these codes to see if that does anything. If not I will get back to you.