Bullet points not indenting properly

[cfairi]

I have been trying to add bullet points to my website but they don’t show up on the webpage as they do in the Swift Page Builder (the second line is not indented). Please see attached screen shots. How can I make these indented on the webpage?

Thanks!

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

Everything looks correct here:

Do you have a test page where I can see this issue?

Thanks.

[cfairi]

This reply has been marked as private.

[David Martin – Support]

Hi,

What OS/browser version is that for.

Thanks.

[cfairi]

This reply has been marked as private.

[David Martin – Support]

Hi,

Great, that replicated it for me.

Please add this to Theme Options => Custom CSS:

.spb_text_column ul > li {
    margin-left: 20px;
    list-style-position: outside;
}

[cfairi]

This reply has been marked as private.

[David Martin – Support]

Do not copy in the code from the email sent, copy the code above.

If you compare the screenshot to the above code you will see the difference in characters.

Thanks.

[georgie]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

@georgie
Can you explain furhter with a mockup image of you would like to see if it’s possible?

-Rui

[georgie]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Add the code below to your custom css.

.single-product .spb_accordion ul {
    margin-left: 30px;
}

-Rui