ul bullets

  • Resolved julesjunction

    (@julesjunction)


    9 years, 10 months ago

    How do I add bullet points to a list with the Kyma theme?

    eg I want to have a list like this with bullet points but I don’t want the menu’s to have bullet points

    <ul>
     <li>item 1</li>
     <li>item 2</li>
     <li>item x</li>
</ul>

    Thank you,
    Jules

Viewing 9 replies - 1 through 9 (of 9 total)
  • Theme Author WebHunt Infotech

    (@webhuntinfotech)

    9 years, 10 months ago

    Hi,

    Put below css rules at the end of style.css file or in Custom Css Editor

    .page li ul, .post li ul {
    margin-left: 2em;
}
.page ul, .post ul {
    list-style: inherit;
}

    Thanks

    Thread Starter julesjunction

    (@julesjunction)

    9 years, 10 months ago

    Hi WebHunt Infotech,

    thank you for your response. Those css rules have added bullet points next to the lists in my page and post text which is good but it has also added bullet points to the menu’s in the header and links in the footer which is not what I want.

    Do I now need to add extra CSS in to take away the bullet points from the menu’s and links or is there some other way to just add bullet points to text lists?

    Jules

    Theme Author WebHunt Infotech

    (@webhuntinfotech)

    9 years, 10 months ago

    Please share your site URL.
    As I checked it’s only add bullets to list that’s are in post or pages.
    Thanks

    Thread Starter julesjunction

    (@julesjunction)

    9 years, 10 months ago

    Hi,

    one of the pages with a list is here and they now do have bullet points showing.

    After adding the css you can see the menu in the header now has black bullet points next to it and also the latest posts in the footer also have bullet points which is not what I would like to show.

    Thanks,
    Jules

    Theme Author WebHunt Infotech

    (@webhuntinfotech)

    9 years, 10 months ago

    Hi,

    Use below css instead of above

    .type-page li ul, .type-post li ul {
    margin-left: 2em;
}
.type-page ul, .type-post ul {
    list-style: inherit;
}

    Thanks

    Thread Starter julesjunction

    (@julesjunction)

    9 years, 10 months ago

    Thank you, that has displayed bullet points on the pages and posts and not on the menu items and links.

    The bullet points in the page text area are not aligned with the text, they are in the margin area. Is there a way of bringing the bullet points in to the text area so they are in line with the start of the text?

    Jules

    Theme Author WebHunt Infotech

    (@webhuntinfotech)

    9 years, 10 months ago

    Hi,

    replace this

    .type-page ul, .type-post ul {
    list-style: inherit;
}

    to this

    .type-page ul, .type-post ul {
    list-style: inherit;
    margin-left: 15px;
}

    Thanks

    Thread Starter julesjunction

    (@julesjunction)

    9 years, 10 months ago

    Thank you for your speedy help, it is much appreciated. The page and post bullets all display correctly now.

    Rgds,
    Jules

    Theme Author WebHunt Infotech

    (@webhuntinfotech)

    9 years, 10 months ago

    Most Welcome.

    Thank You

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘ul bullets’ is closed to new replies.

Tags