Home>Support>Incorrect autoformat

Incorrect autoformat

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hi there,

I wonder why every time I make a numbered list or bulleted list, WordPress / the theme will automatically change it format to tiny Arial font that looks really terrible. You can see it here:
1. https://drive.google.com/file/d/0B6tFY1jL63wEQUNnLS1LMmM2Tjg/view?usp=sharing;
2. or at one of my post here: http://aaaaa.vn/blog/2015/06/20/trung-choi-da/

As you can see, the margins between bulleted list and numbered list are not even aligned.

Please help me with this. Posts without properly formated list are very tough to read / follow.

Thank you.
Minh.

URL: http://aaaaa.vn/blog/2015/06/20/trung-choi-da/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Hi Minh

    Thanks for reaching out. Try add the following to Appearance > Custom CSS:

    ul {
      color: #111111;
      font-family: 'Noto Serif';
      font-size: 17px;
      font-style: normal;
      font-weight: 400;
      line-height: 1.5;
    }
    

    Hope that helps :)

  2. 9 years, 11 months ago ntintel

    Thanks a lot Andrew. You’re always offer awesome help.

    Minh.

  3. 9 years, 11 months ago ntintel

    I’ve got another question regarding ul / ol format. I took the liberty to add margin to your original instruction as follows:
    ul {
    color: #111111;
    font-family: ‘Noto Serif’;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    margin: 5%;
    }

    The addition changed the margin in the numbered list , but did not changed the margin in the bulleted list . Could you enlighten me on this?

    Thank you.

    Minh.

  4. 9 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Glad to hear that helped.

    To target the list items in un-ordered lists you’d say:

    ul li {
    margin-bottom: 10px;
    }
    

    To target the list items in ordered (numbered lists) you’d say:

    ol li {
    margin-bottom: 10px;
    }
    

    Hope that helps.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More