Aligning text in Table of Contents

#534235
  • Resolved Andrew Truckle
    Rank Math free

    Please see this page:

    Newsletter

    I use Font Awesome icons as part of my headings. How can I make this table of contents look nicer?

    • How can we center align the icons in a column?
    • How can we left align the headings?

    Just so that the table of contents looks a bit neater. Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hello

    Thank you for contacting us, and sorry for any inconvenience that might have been caused due to that.

    Please use this bit of CSS code to make the icons center align between the width of 20px.

    .wp-block-rank-math-toc-block ul {
        margin-left: 0;
        list-style: none;
    }
    .wp-block-rank-math-toc-block i {
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
    }

    You can add this CSS in Appearance > Customize > Additional CSS

    Hope that helps. Please don’t hesitate to let us know if you need our assistance with anything else.

    Thank You

    It looks much better now. Thank you!

    Hello,

    Glad that helped.

    Please feel free to reach out to us again in case you need any other assistance.

    We are here to help.

    Thank you.

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

The ticket ‘Aligning text in Table of Contents’ is closed to new replies.