Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • May 27, 2018 at 10:22 pm #962891
    Colindie

    Hi there,

    I have added bullet points to a text in a text box of a sidebar and inserted some bullet points, which look okay in the visual and html/text preview. However, on the actual website the text comes up unformatted. What can I do to fix this?

    Thanks!

    PS: This is what the html looks like:
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr,

    • sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
    • sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
    • Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur

    sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

    May 28, 2018 at 6:12 pm #963386
    Nikko

    Hey Colindie,

    Can you give us a link to the page mentioned? so we can take a closer look.
    You can post the link in private content, if you want it to be seen only by the moderators.

    Best regards,
    Nikko

    May 28, 2018 at 6:35 pm #963397
    Colindie
    This reply has been marked as private.
    May 30, 2018 at 5:05 am #964024
    Nikko

    Hi Colindie,

    You can give us temporary account, as long as it has proper permission to view the page then it should be good enough.

    Best regards,
    Nikko

    May 31, 2018 at 8:11 am #964662
    Colindie

    Hi Nikko,

    ok, please find the log-in details below.

    You’ll find that there is a section with bullet points in the widgets, but the bullets don’t show up on the website.

    Thanks!

    May 31, 2018 at 8:57 am #964673
    Guenni007

    hm – there was rule in base.css :

    ul {
    list-style: none outside;
    margin-left: 7px;
}

    don’t know why – maybe it is forgotten to set the specified rule for widgets
    maybe you set better the ul to a custom class because not to influence all ul’s of your site like:

    <ul class="squarepoints">
 	<li>sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,</li>
 	<li>sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</li>
 	<li>Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur</li>
</ul>

    and then:

    ul.squarepoints {
    list-style: square inside;
    margin-left: 7px !important;
}
    May 31, 2018 at 9:05 am #964677
    Guenni007

    for outside list-style-position:

    Edit : ok there was a overflow setting which is set to not visible to widget ul so to see the outside points :

    ul.squarepoints {
    list-style: square outside;
    margin-left: 18px !important;
    width: auto !important;
    overflow: visible !important;
}
    • This reply was modified 6 years, 5 months ago by Guenni007.
    June 1, 2018 at 6:43 am #965065
    Colindie

    Thanks, Guenni007, but this doesn’t seem to work.

    June 1, 2018 at 1:59 pm #965351
    Nikko

    Hi Colindie,

    Thanks try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top .sidebar .widget ul {
    margin: 0 0 20px 7px;
    list-style: disc outside;
    float: none;
    overflow: visible;
}

#top .sidebar .widget ul li {
    margin-left: 1em;
    padding: 3px 0;
}

    Best regards,
    Nikko

    June 1, 2018 at 3:42 pm #965422
    Colindie

    It worked! Thanks a lot!

    June 1, 2018 at 5:03 pm #965452
    Nikko

    Hi Colindie,

    Glad that we could help. :)
    Feel free to comeback if you need further assistance.
    Thanks for using Enfold and have a great weekend!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘No bullet points in text widget of sidebar’ is closed to new replies.