Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 21, 2017 at 12:36 am #780923
    jstonestreet

    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 8 years ago by jstonestreet. Reason: Added the centered content when left justifying line
    April 21, 2017 at 8:41 am #781048
    Rikard

    Hey jstonestreet,

    Please try the following in Quick CSS under Enfold->General Styling:

    .iconbox_content_container ul li {
  padding-left:20px;
}

    Best regards,
    Rikard

    April 21, 2017 at 5:51 pm #781319
    jstonestreet

    That 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 #781405
    Nikko

    Hi,

    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,
    Nikko

    April 22, 2017 at 5:36 pm #781716
    jstonestreet

    Thanks. I think I’ll leave it indented like it is.

    April 22, 2017 at 11:14 pm #781819
    Nikko

    Hi,

    Glad we could help. Let us know if you need more assistance regarding this topic :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.