Hi Mike, thank you for this. I didn’t add the dot and I was clearing my cache. I noticed that in the preview of element at the back end wasn’t showing the update but when I pressed to preview the page it was updating there and it works!

Also adjusting the background size didn’t change but after I adjusted the padding too it worked.

Thank you so much, all great at this end for my bullets now. :)

That’s great thank you!

I would like 3 different types of custom bullet lists though and this works for the one image. I tried to adjust the code slightly and the custom class name but it only works for the custom class “custom-bullets” not any new code I create such as “custom-bullet1” etc.

The code I entered underneath your code was

.custom-bullets- li {
list-style-type: none !important;
background: url(http://sarahkaydibble.com/wp-content/uploads/2018/09/Gold-Bullet-Arrow.png) no-repeat -1px 5px !important;
background-size: 20px !important;
padding-left: 24px !important;
padding-right: 0px !important;
padding-top: 0px !important;
padding-bottom: 3px !important;
}

It’s the same code, only changing the URL of the image and the customer class name (to add a dash) but even when I change the text box custom class name to include the dash it goes back to the standard bullets.

Is this able to be done for more than one image? using more than one custom class label?

Also, the bullets are a little too small, but trying to adjust any of the size in the code doesn’t change the size of the image, how do I adjust the size?

I cleared the cache too.

Thank you

Apologies Rikard, I’ve updated the private info to include my domain.

Ok, thanks, I’ve done that. The image is still showing.
How do I add an image that works with this CSS. I don’t want it to be for all images, just certain ones.

• This reply was modified 7 years, 7 months ago by SarahKay09.

Hi Rikard,
I tried that. When I am using the blog template to create a new post and overwriting the data, I save it and it looks great and then when I go back into it the new content has been replaced with the template content.

I’m guessing nobody can use templates for the general layouts if they intend to change anything?

Hi Rikard,

for some reason when I went back into the post after you the main text where the error had occurred had completely disappeared!
Luckily I found the revision.
There error occurs in the text box that comes after my first image on that post. The visual editor shows the text, but if I click to edit the text is says “Click here to add text” even though the text is there. Looking at the bottom of this text box it looks like there is a box that shows the coded text version of the text.

Hopefully this link shows you an image of what I see.
http://s1136.photobucket.com/user/SarahKay87/media/Image%20showing%20the%20extra%20box%20with%20the%20text%20in%20the%20visual%20editor_zpsfwkpj7t1.png.html

If I try to re create it, I copy and paste the content from the previewed blog post into a new text box. Publish it, go back in to edit it and it has changed like this again.

Updated here, thank you

Hello, log in below.
Permission to de-activate plug ins if necessary.

Thank you