Added Image for bullet point but messing up pricing tables

Beaver Builder
1

Hi,

We added some css to replace the bullet point in unordered lists, however for some reason the image is also appearing on our pricing tables.

That is not an awful thing apart from the fact they are sitting right on top of one of the tables borders. We tried adding some left padding to the image using css which did as it should in lists however it did not affect the position on the pricing tables.

Any suggestions?

Example

http://3001web.com/managed-wordpress-hosting/

Scroll down to tables to see.

2

Hi Gary,

I have reviewed your site and the issue you have is that you have styled the ul element to apply you images. This means that your images will be visible on almost any unordered list.

The best course of action is for you to remove this styling and apply the styling to a custom class. Then add that class name to any ul where you want to use the images instead of bullets.

For example:

The CSS:

.image-list {
  list-style-image: url('http://3001web.com/img/whitecheck2.png');
}

The HTML:

<ul class="image-list">
  <li>...</li>
  <li>...</li>
</ul>

All the best,
Danny