Home › Forums › WoodMart support forum › List icon

List icon

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 7, 2020 at 6:37 pm #239778

    Mishkat
    Participant

    Hello,
    The list icon goes in the middle of the line once it’s more than one line. How can I make it so that it comes on the first line?

    Attachments:
    You must be logged in to view attached files.
    November 8, 2020 at 9:50 am #239850

    Elise Noromit
    Member

    Hello,

    Please provide the page URL I will check the styles if there is the possibility to change that.

    Best Regards

    November 8, 2020 at 11:11 am #239873

    Mishkat
    Participant

    URL

    November 9, 2020 at 7:35 am #240078

    Elise Noromit
    Member

    Hello,

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

    .woodmart-list li {
align-items: flex-start;
}
.woodmart-list .list-icon {
	line-height: inherit;
}

    Best Regards

    November 9, 2020 at 12:12 pm #240157

    Mishkat
    Participant

    Thank you. This worked.

    I have another edit to make. If you look at this from mobile, the icons have a weird spacing in the first row but the second row is fine on mobile. Not sure what its causing this issue.

    Attachments:
    You must be logged in to view attached files.
    November 9, 2020 at 6:16 pm #240240

    Elise Noromit
    Member

    Hello,

    There is not enough space for the text that is why the blocks do not look good.

    I would suggest setting the different width for Tablet and mobile, for example for the tablet you can show three items in a row, and for mobile 2 or one.

    You can find the instruction on how to do that in this instruction: https://wpbakery.com/video-academy/control-elements-different-devices-responsive-column-controls/

    Best Regards

    November 9, 2020 at 7:51 pm #240261

    Mishkat
    Participant

    So for me I like how it shows on desktop. Just the mobile spacing is a bit odd. See the screenshot attached. You’ll see there’s more spacing with the first 3 rows than the last ones. You can also see. I didnt add any extra spacing.

    Attachments:
    You must be logged in to view attached files.
    November 10, 2020 at 8:14 am #240343

    Elise Noromit
    Member

    Hello,

    You need to set the equal spacing for columns and rows that contain the element.

    Please note the bottom margin from the previous row would sum up with the top margins of the next row.

    Best Regards

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)