Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

GeneratePress GenerateBlocks

Style SVG’s Used In Custom UL and OL Lists

  • shamrick
    May 1, 2025 at 1:08 pm

    I followed the instructions in this video (https://www.youtube.com/watch?v=tPOuWbz9Uek) and was able to use an svg as the list image but it didn’t go into any detail on how to style an SVG (video only demonstrated using a .png).

    Unlike when the same SVG is used as an icon for either a headline or text block there’s the “Icon” tab available for separate styling. Can you tell me where and how to style those svg list images?

    Thanks.

  • Ying
    May 1, 2025 at 1:34 pm

    Hi there,

    The list image option isn’t that flexible due to CSS limitations.

    I would recommend just using an icon like you would for a normal headline/text block.

    And you can set the headline/text’s HTML tag to li.

  • shamrick
    May 12, 2025 at 7:39 am

    Thanks Ying. Simple enough and less head-scratching.

  • Ying
    May 12, 2025 at 9:33 am

    You are welcome, that’s just how I would do   🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.