Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 10, 2023 at 7:04 am #1397389
    DianaLoola73

    Dear support team,

    A separate CSS script for the following list in the “Zielstellung & Maßgabe” tab (see link: https://gabriele-redenz.de/home-2/#zielstellung–massgabe):

    .entry-content-wrapper ul {
    list-style: none outside;
    }

    .iconbox_content_container.smaller-dots ul {
    line height: 1.4em;
    }

    .smaller-dots ul li::before {
    contents: “\2022”;
    padding-right: 10px;
    color: #949faf;
    }
    .entry-content-wrapper .smaller-dots li {
    margin left: 0;
    text-indent: 0;
    }

    Although this causes the enumeration list to be displayed with the correct gray dot and also without a border to the left of the dot, I have the problem that the text does not indent when there is a line break. See screenshot: https://gabriele-redenz.de/support/bullet-list-text.jpg
    How can I adjust the CSS script so that when there is a line break, the text is not displayed under the bullet point, but is indented to the right just below the text?

    Many thanks for your help.
    Best regards Diana

    February 10, 2023 at 1:22 pm #1397462
    Mike

    Hey Diana,
    Try changing your

    .entry-content-wrapper .smaller-dots li {
    margin-left: 0;
    text-indent: 0;
}

    to

    .entry-content-wrapper .smaller-dots li {
    margin-left: 0;
    text-indent: -1.1em;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    February 11, 2023 at 7:03 am #1397522
    DianaLoola73

    Hi Mike,

    Thank you for your quick reply.
    I changed the cold as indicated:

    .entry-content-wrapper .smaller-dots-2 li {
    margin left: 0;
    text-indent: -1.1em;
    }

    Now, after the line break, the text appears indented as desired, but now the entire listing – including the listing character – is shifted to the left and is no longer left-aligned with the above heading: see screenshot: https://gabriele-redenz.de/support/bullet-list-text2.jpg

    How do I have to modify the script so that the line break works and at the same time the listing is left-aligned with the heading?

    Best regards Diana

    • This reply was modified 1 year, 10 months ago by DianaLoola73.
    February 11, 2023 at 2:09 pm #1397556
    Mike

    Hi,
    Thanks for the login, I commented out your css:

    .iconbox_content_container.smaller-dots-2 ul {
    line-height: 1.4em;
}
.smaller-dots-2 ul li::before {
    content: "\2022";
    padding-right: 10px;
    color: #949faf;
}
.entry-content-wrapper .smaller-dots-2 li {
    margin-left: 0;
     text-indent: -1.1em;
}

    and added this css:

    .iconbox_content_container.smaller-dots-2 ul {
    line-height: 1.4em;
}
.smaller-dots-2 ul li:before {
    content: "\2022";
    color: #949faf;
    list-style: disc inside;
    float: left;
    position: absolute;
    left: 8px;
}
.smaller-dots-2 ul li {
    list-style: none;
    padding-left: 16px;
}

    Enfold_Support_318.jpeg
    please clear your browser cache and check.

    Best regards,
    Mike

    February 12, 2023 at 8:28 am #1397621
    DianaLoola73

    Thamk you very much, Mike! Tha works perfectly!
    Best regards, Diana

    February 12, 2023 at 12:11 pm #1397630
    Rikard

    Hi,

    Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    February 13, 2023 at 9:59 am #1397721
    DianaLoola73

    Hi Rikard,
    everything is solved concerning this issue. The ticket might bie closed.
    Thank you and best regards,
    Diana

    February 13, 2023 at 12:58 pm #1397736
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Bullet list line break’ is closed to new replies.