-
AuthorPosts
-
April 21, 2017 at 12:36 am #780923
I’m having an issue with bullet points overlapping the text in lists. There isn’t any custom css defined in the quick css or the child theme style.css. This happens in both the Content of an Icon Box as well as in a Text Block. Links to the page and a screenshot are in the private content.
Here’s the css from inspecting the element. Overriding the background position to move the icon left makes it disappear outside the container.
.iconbox_content_container li {
list-style-type: none;
background-image: url(tick.png);
background-repeat: no-repeat;
background-position: 0 .6em;
margin-bottom: 7px;
}Also, by selecting all the text and left justifying it, the content of the icon box is centered as you can see in the first box. This is really odd.
Any ideas what’s causing this?
- This topic was modified 7 years, 8 months ago by jstonestreet. Reason: Added the centered content when left justifying line
April 21, 2017 at 8:41 am #781048Hey jstonestreet,
Please try the following in Quick CSS under Enfold->General Styling:
.iconbox_content_container ul li { padding-left:20px; }
Best regards,
RikardApril 21, 2017 at 5:51 pm #781319That worked. Kind of. The bullet image doesn’t overlap the text, but it’s also indented right of the text above it. Shouldn’t the bullet be aligned with the paragraph above?
We just noticed this issue recently. We built this site a couple years ago. Did something change in a recent update to affect the bullet position?
Thanks for getting to this so quickly!
April 21, 2017 at 9:23 pm #781405Hi,
Lists are usually indented, but try to add margin-left: 0; to Rikard’s code, the new css code should look like this:
.iconbox_content_container ul li { padding-left: 20px; margin-left: 0; }
Hope this helps :)
Best regards,
NikkoApril 22, 2017 at 5:36 pm #781716Thanks. I think I’ll leave it indented like it is.
April 22, 2017 at 11:14 pm #781819Hi,
Glad we could help. Let us know if you need more assistance regarding this topic :)
Best regards,
Nikko -
AuthorPosts
- You must be logged in to reply to this topic.