Home Forums WoodMart support forum List icon to be placed at the top of text

List icon to be placed at the top of text

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #114316

    Whimsie
    Participant

    Icon to be shown at the top of text rather than in the middle.

    Attachments:
    You must be logged in to view attached files.
    #114340

    Hello,

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .woodmart-list ul li {
        display: block;
    }

    You will get the result as shown: http://prntscr.com/n1hqxo

    If you want icons on the left/right, add this code as well:

    body .woodmart-list .list-icon {
        text-align: left;
    }

    This CSS may influence other lists if such happens to add a class to a column or the element and I will provide more narrow CSS.

    Best Regards

    #114341

    Whimsie
    Participant

    Hi sorry, I meant still to the left – but at the top left

    #114380

    Hello,

    Please replace all the code with this one:

    body .woodmart-list ul li {
        align-items: flex-start;
    }

    Best regards

Viewing 4 posts - 1 through 4 (of 4 total)