Indent for text list

  • Resolved elilyjayy

    (@elilyjayy)


    5 years, 9 months ago

    Hi, I’m having a problem with text formatting in my posts.
    I’m using the regular Gutenberg list block, and the indent is very large (the text starts a few centimeters to the right of the normal text alignment). Is there any way I can change this?
    If you scroll down on the post I linked, you’ll see when there’s a bullet list, the indent is large.
    Would greatly appreciate any help on this thanks.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • muktadhawan

    (@muktadhawan)

    5 years, 9 months ago

    Try This:-

    ul, ol {
    margin: 0 0 1.5em 0 !important;
    padding-left: 16px !important;
    }

    Niall Madhoo

    (@nm1com)

    5 years, 9 months ago

    Hi elilyjayy,

    The indentation can be changed by adding the following code under the Appearance > Customize > Additional CSS section inside your WordPress Admin dashboard (https://ww.wp.xz.cn/support/article/appearance-customize-screen/):

    ul, ol { 
	margin: 0 0 1.5em 0em; /* order goes top, right, bottom, left */
	padding-inline-start: 17px; /* change this */
}

    I added the code for both types of lists in case you’ll need them in future:

    UL = unordered list, e.g., bullet points
    OL = ordered list, e.g., numbers and letters

    Thread Starter elilyjayy

    (@elilyjayy)

    5 years, 9 months ago

    Hi, thanks both for your help! Both of your suggestions worked although the first one also edited some of my other text indents as well so I’ll most likely use the second one by Niall.

    Thanks again for your help!

    • This reply was modified 5 years, 9 months ago by elilyjayy.
    Niall Madhoo

    (@nm1com)

    5 years, 9 months ago

    You’re welcome!

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

The topic ‘Indent for text list’ is closed to new replies.