https://muffingroup.com/betheme/elements/list/
ok got it
Hi,
Glad to see that you handled this.
Can I help with anything else?
Best regards
How to use this style of List in form of inline shortcode?
Hi @vasylpostolovskyi,
Sorry, but I quite do not understand.
Can you explain that in more detail, please?
Thanks
On my website I use Tabs element in form of Inline Shortcode like this:
[tabs title="" type=""]
[tab title="Title"]Content with a list of articles and PDF.png icons[/tab]
[/tabs]
On page about List element I see the examples how to add this item with Builder:
My question is how can I use List element in form of Inline Shortcode to use it in one of my tabs.
There is no option for that because the List element does not offer a shortcode.
However, you can use this list instead:
https://muffingroup.com/betheme/elements/lists/
For this list I can use only icons from the library, like shown here:
<ul class="list_custom"> <li><i class="icon-mobile"></i> Suspendisse a pellentesque.</li> <li><i class="icon-monitor"></i>Quisque lorem tortor fringilla.</li> <li><i class="icon-podcast"></i>Quisque cursus et, porttitor.</li> <li><i class="icon-publish"></i>Nulla ipsum dolor lacus.</li> </ul>
My question, how is possible to use colored PNG icons?
You can try replacing <i> tags with <img> tags.
So, in Column element I wrote the code:
<ul>
<li><img src="" alt="" height="60" width="60"><span>Item 1</span></li>
<li><img src="" alt="" height="60" width="60"><span>Item 2</span></li>
<li><img src="" alt="" height="60" width="60"><span>Item 3</span></li>
</ul>
In Page options I wrote Custom CSS:
ul {
list-style-type: none;
padding: 0;
margin: 0;
}
li {
display: flex;
align-items: center;
margin: 20px 0;
li img {
width: 60px;
height: 60px;
object-fit: cover;
margin-right: 15px;
li span {
padding-left: 15px;
padding-top: 5px;
font-size: 16px;
font-weight: bold;
It works, but I would like to know is my syntax correct in Betheme?
It seems to be fine.
If you attach a link to that page, I can double-check that for you.
Comments
ok got it
Hi,
Glad to see that you handled this.
Can I help with anything else?
Best regards
How to use this style of List in form of inline shortcode?
https://muffingroup.com/betheme/elements/list/
Hi @vasylpostolovskyi,
Sorry, but I quite do not understand.
Can you explain that in more detail, please?
Thanks
On my website I use Tabs element in form of Inline Shortcode like this:
[tabs title="" type=""]
[tab title="Title"]Content with a list of articles and PDF.png icons[/tab]
[/tabs]
On page about List element I see the examples how to add this item with Builder:
https://muffingroup.com/betheme/elements/list/
My question is how can I use List element in form of Inline Shortcode to use it in one of my tabs.
There is no option for that because the List element does not offer a shortcode.
However, you can use this list instead:
https://muffingroup.com/betheme/elements/lists/
Best regards
For this list I can use only icons from the library, like shown here:
My question, how is possible to use colored PNG icons?
You can try replacing <i> tags with <img> tags.
Best regards
So, in Column element I wrote the code:
<ul>
<li><img src="" alt="" height="60" width="60"><span>Item 1</span></li>
<li><img src="" alt="" height="60" width="60"><span>Item 2</span></li>
<li><img src="" alt="" height="60" width="60"><span>Item 3</span></li>
</ul>
In Page options I wrote Custom CSS:
ul {
list-style-type: none;
padding: 0;
margin: 0;
}
li {
display: flex;
align-items: center;
margin: 20px 0;
}
li img {
width: 60px;
height: 60px;
object-fit: cover;
margin-right: 15px;
}
li span {
padding-left: 15px;
padding-top: 5px;
font-size: 16px;
font-weight: bold;
}
It works, but I would like to know is my syntax correct in Betheme?
It seems to be fine.
If you attach a link to that page, I can double-check that for you.
Best regards