Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

GeneratePress GenerateBlocks

Bullet List Too Far Right

  • Mark Morgan
    March 5, 2025 at 11:38 am

    Hi,

    Just had a look through a blog post on my phone and the bullet list starts almost in the middle of the display which is way too far over. I actually had a list also inside a background color, so I removed the color but it’s still too far over.

    Here’s an example of a post:

    https://wherearethosemorgans.com/best-things-to-do-in-ithaca-ny/

    I’d really like to have my bulleted lists begin closer to the left side of the screen. Is this possible with GP? Is there some CSS I can use please?

    Thanks so much in advance,
    Mark

  • Ying
    March 5, 2025 at 4:44 pm

    Hi there,

    GP has default margin added to ol and ul, you can override it with the below CSS:

    ol, ul {
    margin-left: 20px;
}

    if you only want it to be applied to the mobile, then we can add a media query:

    @media(max-width: 768px) { 
ol, ul {
    margin-left: 20px;
}
}
  • Mark Morgan
    March 6, 2025 at 5:32 am

    Hi Ying,

    Thanks so much, I changed it to 40px on mobile only and it works great!

    Cheers!
    Mark

  • Ying
    March 6, 2025 at 10:13 am

    Glad to hear that 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.