Bullets (different columns) inconsistent in blog post

  • Resolved debfield

    (@debfield)


    3 years ago

    I have 3 sections in the blog.
    Each section has a set of bullet points in “the things to know” Column.
    The first two sections have indented bullets, the last section has bullets that appear to sit inside the gap between columns. The last section looks much better on mobile view, where as the first two sections push the bullets too far to the right on the mobile.

    Why are these different and how can i change the first two sections bullets to be like the last section bullets.

    Gosh i hope thies makes sense – NEWBIE ALERT – ??

    Note – i have found my way around using the ‘inspect’ option (on right click) and from there have added ‘additional CSS’ to the theme… so happy to give any solution a go.

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

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

    (@mrtom414)

    Here a page about setting list-styles https://css-tricks.com/almanac/properties/l/list-style/. You can use the inspector to find class names of the list you need to change. You can use the customizer additional CSS option to enter the new rules. If you using an FSE theme like twenty twenty two the customizer will not be present and you will have to try other options like theme.json, add to the style.css, or enqueuing your own style sheet.

    Thread Starter debfield

    (@debfield)

    Thank you. The information worked really well. I basically changed all the bullet areas using the list style and they all aligned correctly.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Bullets (different columns) inconsistent in blog post’ is closed to new replies.