Enfold Avia Builder Text Block list-style-type

Hi Hans,

Thanks for the screenshots. We need to be able to inspect the element in question in order to give you accurate CSS. If you want to have a go ad it yourself then you can refer to this: https://www.w3schools.com/CSSref/pr_list-style-type.asp

Best regards,
Rikard

Hi,
Sorry for the late reply, to use the list option in the text block element and always see the small square, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

ul.disc, .entry-content-wrapper ul {
    list-style: square outside !important; 
}

this will be for your whole site, if you only want it for some pages then please let us know.

Best regards,
Mike

Hi,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

ul.disc, .entry-content-wrapper ul {
  list-style: none !important; 
  margin-left: 0;
  padding-left: 0;
}

.entry-content-wrapper ul li {
  padding-left: 1em;
  text-indent: -1em;
}

.entry-content-wrapper ul li:before {
  content: "▪";
  padding-right: 5px;
  color:#000 !important; 
}

I had to include the character in the code because the hex code doesn’t work for this method. I also included the color so the theme doesn’t apply it’s own colors.
Please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike