UL and OL Typeface CSS not in Global Theme CSS?

Using custom CSS, I have implemented some Google Fonts that are not included by default in the Upfront/Spirit list.

I found that Open Sans is still assigned to unordered lists and ordered lists, but cannot successfully change the font to Cormorant (which I have implemented successfully elsewhere). I also cannot seem to get ULs and OLs indented.

Basically, I would like ULs and OLs to have the same styles are <p>, but indented.

Best way to go about?

Thanks in advance! :slight_smile:

  • Luís

    Hi Clyde Sebastian ,

    Hope you're doing well today!

    If you want to change the font to be used as default for all the ordered (ol) and unordered (ul) lists, you can change it in left panel -> Theme Settings -> Global Theme CSS.

    You will find this code:

    .upfront-object ul,
    .upfront-object ol,
    .upfront-output-object ul,
    .upfront-output-object ol {
        margin-left: 60px;
    }

    try to add the "font-family" property:

    .upfront-object ul,
    .upfront-object ol,
    .upfront-output-object ul,
    .upfront-output-object ol {
        font-family: 'Cormorant', serif;
        margin-left: 60px;
    }

    To add an indentation, add the "text-indent" property too:

    .upfront-object ul,
    .upfront-object ol,
    .upfront-output-object ul,
    .upfront-output-object ol {
        font-family: 'Cormorant', serif;
        margin-left: 60px;
        text-indent: 30px;
    }

    I hope this information has been helpful. If I can help you in this or other questions, please let me know!

    Cheers, Luís

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.