How to change the look of unordered list

Hi, @kstuebner

Can you show a screenshot of what you are trying to achieve? Do you need the bulltet point to not be alligned with the other paragraphs and be a bit more inside compared to the other text?

Yes, please see https://staging.modianolab.org/index.php/cancer-info/non-hodgkin-lymphoma/. I did a screenshot but I can’t seem to paste it in this message, gets the error:

I would like a bulleted list to have a bullet, then indent the text, as it would in Word. This particular list looks awful to me but I can’t find a setting or way to edit it for this change. I tried some html which made the bullet and text appear on the same line, but it didn’t indent the whole paragraph.

Thank you!

Hi, @kstuebner

Add the following code to Appearance -> Customize -> Additional CSS:

ul {
padding-left: 50px;
padding-right: 50px;
text-align: justify;
list-style-position: outside;
}

Hi Ina, thank you for helping me. I am not sure I have put that code in the right place because I still have the same list.

When I click appearance, I get the following choices:

Themes
Editor
Menus
Edublock theme

I also tried putting the code in the Styles where the list was shown.

IF you know how I can send you a screen shot, please let me know.

Thank you,

Kathy

@kstuebner

You can find here instructions to add custom CSS code in Block Themes:
https://www.wpzoom.com/documentation/inspiro-blocks-pro/how-to-add-custom-css-in-block-themes/

Also, please use this CSS code instead:

.entry-content ul {
    padding-left: 50px;
    padding-right: 50px;
    text-align: justify;
    list-style-position: outside;
}

Thank you Pavel, the video was great. I was able to enter the additional CSS, and I can see it is there throughout the site. And it now looks right in the site editor. The version online however does not look changed, and I did hit the refresh: see https://staging.modianolab.org/index.php/cancer-info/non-hodgkin-lymphoma/

Usually when I make a change I can see it once I refresh the browser?

I got it to work! I finally found the place that allowed me to customize within the Edublock theme. I entered the CSS there and now things are displaying as I wished them to! Thank you all but boy this is not intuitive.