Custom Bullet - Support | Kriesi.at - Premium WordPress Themes

Viewing 9 posts - 1 through 9 (of 9 total)

Author

Posts
November 11, 2013 at 3:17 am #186706

gintheme
Participant

Hi,
I want to use a custom image for bullets instead of the default in the list items on the site http://web8f.spring.studiocoast.com.au/ (Enfold Theme)
I have been through the forum and cannot get an easy solution.
The screen shot is here http://firoz.namroz.com/support/custom-bullet.png
Please let me know where can I change the css and where do I upload the custom image. Thank You.
Cheers

November 11, 2013 at 5:33 am #186719
Josue
Inactive Moderator
Hey!

Add this code to the Quick CSS:
```
.avia_textblock li {
text-indent: 0;
list-style: none;
background: url(URL_IMG_HERE) no-repeat;
padding-left: 40px;
margin-left: 0;
}
```
Cheers!
Josue
November 11, 2013 at 5:39 am #186722

gintheme
Participant

Great. Thanks again for a prompt reply.

November 11, 2013 at 6:13 am #186726

Josue
Inactive Moderator

You are welcome, glad we could help.

Regards,
 Josue

February 13, 2014 at 12:37 pm #223356

Linden Mobile
Participant

Hi Josue, I’m not getting the expected result.

Here’s a link to one of the pages:

http://lindenmobileappstore.nl/portfolio-item/restaurant-app-le-garage/

I changed the padding-left to 10px but I can’t seem to get the image to the correct height:

.avia_textblock li {
text-indent: 0;
list-style: none;
background: url(http://lindenmobileappstore.nl/wp-content/uploads/2014/01/li-bullet-81.png) no-repeat;
padding-left: 10px;
margin-left: 0;
}

February 13, 2014 at 12:38 pm #223357

Linden Mobile
Participant

This reply has been marked as private.

February 13, 2014 at 9:43 pm #223662

Josue
Inactive Moderator

Hi!

I couldn’t access your website, please disable that auth plugin.

Regards,
Josue

February 13, 2014 at 11:13 pm #223695

Linden Mobile
Participant

I can’t seem to deactive it. It’s not in my plugin list. But I don’t get why that should be a problem?

February 14, 2014 at 12:28 am #223709
Josue
Inactive Moderator
Hey!

Try with this code:
```
.content li {
text-indent: 0;
list-style: none;
background: url(https://lindenmobileappstore.nl/wp-content/uploads/2014/01/li-bullet-81.png) 0px 7px no-repeat;
padding-left: 10px;
margin-left: 0;
}
```
Result:

Best regards,
Josue
Author

Posts

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Custom Bullet’ is closed to new replies.