[Support request] how to add image after ?

[eran]

Hi,
Is it possible to add an image block after a li? I want to show that li with an image, but I can’t find a way to add an image

[David]

Hi there,

no i do not believe the core List Block supports nested blocks.
If you must have a HTML list then it will require custom HTML. Let me know if you need assistance with that.

[eran]

How can I add custom HTML after the li?
How would you add the image after the li?

[Leo]

Hi there,

Any chance you can link us to the page in question?

You can use the private information field:
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

Let me know 🙂

[eran]

Its a draft because I can’t publish it with the images

[Leo]

Can you show me an example of what you are trying to achieve?

[eran]

I added a link in the private chat.

how can I add image after the li “Impressively create graphics. “?

[Leo]

Why can’t you just add an image block after the list?

[eran]

Because the image related to specific li

[Leo]

Ahh I see what you are after.

It’s not possible using the default List block unfortunately.

I would recommend using the Headline block to recreate the list-style look so you can insert the image block in between each headline block.

Here is a similar case where the headline blocks are used to create a list style layout:

Hope this helps 🙂

[eran]

Do you want me to make the list with headline blocks and add an icon before the headline so it looks like a list?

all my website use the default list… there’s no way to make it with the default list?

Plus, it won’t look the same as the default list…

[Leo]

Do you want me to make the list with headline blocks and add an icon before the headline so it looks like a list?

That is the best solution in my opinion.

there’s no way to make it with the default list?

Unfortunately not – this isn’t something GP can control.

Plus, it won’t look the same as the default list…

You should be able to tweak the style of the headline blocks to make it appear exactly the same 🙂

[eran]

How can I find dot exactly the same as the list dot?

[Ying]

You can also add a css class to the headline block, eg. list-item-headline, then add this CSS:

.list-item-headline {
    display:list-item;
}

[eran]

And will google treat it as a list?

[Author]

Posts