-
Hi team,
I’m trying to make a list with the GB text block, but I’m having a hard time.
The documentation is no help at all!It should look like this: https://ibb.co/MD5ww4LX
This is my result so far (URL in private field)
Left column:
As list style image I have inserted a svg, but it is recognized as invalid.But it is described that you should enter the URL of the image here. How is that meant? https://ibb.co/5Xp6GJFn
Right column:
I added the icon via the icon library.
Now it is at least displayed, but the whole list is still a mess.Thanks for help!!
-
Hi there,
Using the icon option of the text block should be the easier way.
-
Do you mean that in general? Does that mean that the list option from GB is not good to use?
Or only in this specific case?
-
Does that mean that the list option from GB is not good to use?
From my personal view, I would say no, it’s not good to use, not that GB did not do a good job, simply because the CSS language limitation for adding the list icon.
Since I would not use the CSS, I would not use the GB option as well.
-
Hi Ying,
Thank you for your assessment.
Would it still be ok if you could tell me how to set the settings so that the list works?
Unfortunately, the documentation does not provide any information about this.e.g.
1. What do I have to enter here so that I can use my own list icon? https://ibb.co/5Xp6GJFn2. I have tried to assign
display: list-itemto thelielements. But whether I do that or not, it makes no difference. Why do you need it at all?3. Where can I find the setting, where the huge margin for the
ulwas set? The GB margin is empty… https://ibb.co/GKpMxZHThank you for help.
-
1. For the list style image field, set it to
url('your-image-url'). I think GB should adds URL() to the URL, or at least have this written in the notes, I’ll let the dev team know 🙂2. When an element’s HTML tag is set to li, the
displayis default tolist-item.3.
<ul>element has a default margin set by the theme; you can set your custom margin for the<ul>block. -
Thanks a lot Ying, now it works with the list 👍
Unfortunately I can’t manage to align the icons exactly in the middle of the text… presumably that doesn’t work with the list construct either, does it? Or is there a way?
-
I may be wrong, but I don’t think there is proper CSS that can align the icons.
That’s why I suggested using SVG icons in my initial reply.
-
It’s a pity that you can’t make good use of the list.
Yeah, I’m now doing it the way you suggested.
Thanks 🌷
-
No Problem 🙂
- You must be logged in to reply to this topic.