Tagged: bullets
Hi,
I have done a custom bullet point using some coding found in the forum. I am happy with the look of the bullet point but the point is not in line with the text. Instead it seems to be slightly above the text line.
I can’t share the site here because it has a landing page right now. If you need the login details, let me know.
Here is an image of what it looks like:
Here is the code I used in the Quick CSS:
.avia_textblock li {
list-style-type: none !important;
background: url(https://www.smaestheticlab.com.au/wp-content/uploads/2021/05/Cross-1.png) no-repeat;
margin-left: 0;
background-size: 15px !important;
padding-left: 25px !important;
padding-right: 10px !important;
padding-top: 0px !important;
padding-bottom: 5px !important;
}
Hi aliciapotts,
Since you are using background image for it, the only way to adjust its position is via background-position
Please add this property, for further information please refer to MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/background-position
Hope it helps.
Best regards,
Nikko
perfect thanks.
Hi aliciapotts,
We’re glad that we could help :)
Thanks for using Enfold and have a great day!
Best regards,
Nikko