CSS to style un-ordered list

  • I’d like my unordered (bulleted) lists to be a bit closer to the text that precedes it and to be indented in an Elementor Text element.

    If I modify the html to <ul style="margin-top: 5px; padding-left: 50px;"> then everything gets laid out properly.

    But that’s a PITA to do each time. I’ve tried adding a new ul definition to my css or a class — but that doesn’t seem to work.

    I’m missing something in the CSS. Any suggestions?

    Thanks

    Lawrence

    • This topic was modified 3 years, 9 months ago by TheWizardGuy.
Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello,

    Please share the snapshots of the section and page URL where you are changing to check it.

    Thread Starter TheWizardGuy

    (@thewizardguy)

    Here’s the page: https://accounting-wizard.com/about/

    Scroll down about half-way to the section “about my ideal client” for a bulleted list. The bulleted section is up against the left margin of the page; I’d like it to be moved to the right about 50px.

    Not sure how to insert a .png here to show the page!

    • This reply was modified 3 years, 9 months ago by TheWizardGuy.
    • This reply was modified 3 years, 9 months ago by TheWizardGuy.

    ?Please try to add the below CSS code from the Appearance > Customize > Custom CSS, and check.

    .elementor-element.elementor-element-ea8d37f.elementor-widget.elementor-widget-text-editor ul {
    margin-left: 50px;
}

    PS- Change the margin value as per need.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CSS to style un-ordered list’ is closed to new replies.

Tags