CSS for HTML Object

Help Desk ›› Feature Requests ›› CSS for HTML Object

WordPress Released

August 18, 2021 09:11:59

webdesigntalents

Topics: 2

Messages: 4

Hi

According to the design attached below, I would like to add additional styles for the list element (UL and LI). As you can see I have to add a special green circle for each list item.

I've tried to use CSS (second screenshot), but "background-image" is not working. I've also tried to add <img> element after each <li> (I have total control over the markup), but it didn't work as well.

Could you advise something?

PS: Is there any documentation with a list of working CSS rules in your plugin?

August 18, 2021 18:38:20

E2Pdf

Topics: 7

Messages: 3614

Support

Hi,

Unfortunately current documentation doesn't contain information about supported styles however we are currently rebuilding it and will include this information soon.

As about styling the lists, it's not supported in current version but we expect to release update to RC version with its support till the end of this week. We will update thread as soon as get any news.

We remain at your service.

We would really appreciate your feedback at WordPress.org!

August 20, 2021 07:36:15

E2Pdf

Topics: 7

Messages: 3614

Support

Hi,

We currently released an update (RC version 1.16.19) with support to set images as list item marker.

You can follow instruction for update to RC version located by this link: https://e2pdf.com/support/desk/how-to-update-plugin-to-rc-release-candidate-version-from-e2pdf-com.

After update it will be available such constructions with "UL" style:

Set image as "list marker":
list-style-image: url("https://mdn.mozillademos.org/files/11981/starsolid11.gif");

Set image "width" and "height":
list-style-image-size: 10;

Set image "width":
list-style-image-width: 10;

Set image "height":
list-style-image-height: 10;

Completely hide any marker:
list-style-type: none;

Keep in mind please that "svg" images not supported so you will need to use jpg, gif or png instead.

Let us know please if it will be any issues. Thank you.

We remain at your service.

We would really appreciate your feedback at WordPress.org!

October 19, 2021 01:59:12

webdesigntalents

Topics: 2

Messages: 4

Thank you. It worked perfectly.

All trademarks, service marks, trade names, product names, and logos appearing on this website are the property of their respective owners. The use of trademarks such as Formidable Forms®, Forminator Forms®, Gravity Forms®, JetFormBuilder®, WordPress®, WooCommerce®, WPForms® and others is solely for identification purposes (nominative use) and does not imply any affiliation, sponsorship, or endorsement by the respective trademark holders.