Descriptive text in icon list not indented when using bullets

Hi Magnus!

Do you want to have an image as a bullet? can you provide us with that image?

Best regards,
Josue

Hey!

Ohh sorry, use http://imgur.com to upload it, then simply paste the link here.

Cheers!
Josue

Hi Magnus!

You’ll need to use an image as a bullet then, try this:

.iconlist_content li {
    background: url(https://i.imgur.com/20fVivn.png) no-repeat top left;
    padding-left: 20px !important;
}

Result:

Note that i’m using a test bullet uploaded to imgur, you may want to replace that by the final bullet.

Regards,
Josue

Mmm, i modified it a bit, take a look:

.iconlist_content li {
    background: url(https://i.imgur.com/20fVivn.png) no-repeat left 5px;
    padding-left: 15px !important;
    list-style: none !important;
}

Regards,
Josue

Hi!

I don’t think so, the only solution (as far as i know) is by using an image, because that way we can set a padding-left to the list item and ‘push’ its content.

1. You can tweak the vertical position of the image by changing 5px in this rule:

background: url(https://i.imgur.com/20fVivn.png) no-repeat left 5px;

2. Store it in your server, upload it via FTP or WordPress.

Best regards,
Josue

Hi!

When you access http://www.yourturn-consulting.se/bullet.jpg directly it shows a 404 page, the file isn’t there.

Try uploading it from the Media section in the WordPress backend.

Best regards,
Josue

Hi!

Simply changing the URL will work, but make sure that the file exists:

background: url(_URL_HERE_) no-repeat left 5px;

Regards,
Josue

Hi!

Use this URL: http://www.yourturn-consulting.se/wp-content/uploads/2013/11/bullet.jpg instead.

background: url(https://www.yourturn-consulting.se/wp-content/uploads/2013/11/bullet.jpg) no-repeat left 5px;

Cheers!
Josue

You are welcome, glad we could help :)

Regards,

Josue