How to add bullet points?

  • Resolved monsterman

    (@monsterman)


    10 years, 3 months ago

    I have a number of hyperlinks which look like a list (although I’ve not used any

      or

        HTML).

    I simply want to keep the page as it is but add a bullet point to the start of each line.

    From what I’ve seen, I need to use CSS rather than HTML to achieve this (anyhow when I use HTML it changes the formatting).

    I’ve used the Simple Custom CSS plugin before. What I don’t understand is a) what to enter to add bullet points and b) how to ensure that the CSS affects the correct part of the specific page.

    The page is https://www.ripponacademic.com/faq/

    Thanks!

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

  • Bullet points are a display aspect of html unordered lists (ul), each item in the list is coded as a list item (li) rather than as a paragraph.

    You will edit your page in TEXT (html) mode, where you have you list of questions linked to their answers, you would enclose each (a) link so it looks like: <li><a href="#Question_1">Why is my personal statement such an important part of the admission application?</a></li>
    The whole list gets enclosed in <ul> ..... </ul>

    If you only want to target this page you would add custom css like:

    .post-14 li {
 list-style-type: circle;
}

    All the options are here:
    https://www.w3schools.com/cssref/pr_list-style-type.asp

    Thread Starter monsterman

    (@monsterman)

    Thanks – this worked.

    I put the HTML as you suggested. Then I modified the font with the Easy Google Fonts plugin.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to add bullet points?’ is closed to new replies.