This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Incorrect autoformat

Open 4 replies premiumthemetheme-vantage
ntintel
10 years ago · Last reply by Andrew Misplon 10 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

4
  1. Andrew Misplon Staff 10 years, 7 months ago

    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. ntintel 10 years, 7 months ago

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

    Minh.

  3. ntintel 10 years, 7 months ago

    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. Andrew Misplon Staff 10 years, 7 months ago

    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.

Have a different question or issue?

Start New Thread