Hello, How can I create different list-icons in a same infobox?

oleeinfeldt · October 2016

And why I can't write an CSS code for example in the section options or in the wrap or item options? Until now it worked only in the page options or in the betheme options. Because on one page, I want to have one infobox which have the color red and one infobox which have the color green.

Albert · October 2016

Hi,

all details about creating custom lists you can find on http://forum.muffingroup.com/betheme/discussion/596/list-bullet-points

P.S. In reference to your question above, custom css can be used under Theme options > Custom CSS & JS > Custom CSS section and under Page Options section where Custom | CSS section is.

oleeinfeldt · October 2016

and for what is the Custom CSS-text field in different items? For what can I use this? For example the Column item has a Custom CC field.

Albert · October 2016

You can type class name and then in reference to this class name, you can create custom styles for item.

oleeinfeldt · October 2016

Can you
give me an example for this how it works?

oleeinfeldt · October 2016

Now i have written the CSS code like the link you give me. but it doesn't work.

I have tried this:

ul {list-style-type: none;} for the Custom CSS area

and:

</ul>

for the hmtl field in the item itself.

Albert · October 2016

Please send us link to page where you did it and it does not work then.

oleeinfeldt · October 2016

http://www.vakuumiergeraet24.com/produkt-testbericht/

this two gray infoboxes with the title: Vor- und Nachteile

Albert · October 2016

As we can see you want to create just box with items, each in new line. There is no need to modify infobox with custom css because it's completely useless. You supposed to use Column item with the following content inside:

<ul style="list-style-type: none !important;">
    <li>text</li>
    <li>text</li>
    <li>text</li>
</ul>

oleeinfeldt · October 2016

I want to have other list-icons, not nothing.

Sorry, it shoudn't be a info box but bullets lists like this on your website: http://themes.muffingroup.com/betheme/shortcodes/typography/#bullets lists

Is this the shortcode "bullets lists" you have send me?

Albert · October 2016

Your above css was clearing styles for the lists and we thought this is what you want to do. However, if you want to create custom bullets lists, please take a look into other topic where we explained how to do this http://forum.muffingroup.com/betheme/discussion/19834/creating-u1-class-custom-bullets-lists

oleeinfeldt · October 2016

Okay now i understand the bullets lists and know how it works. but is this possible to have other icons like: "icon-star" instead of the "icon-check"? because your html code above in the yellow box doesn't work. i think a hmtl code for the infobox to change the "icons-check" doesnt work. you need a custom css code to change the "icon-check" in a (for example) "icon-star". but i dont know which css code.

Albert · October 2016

Did you checked the topic we gave you above? http://forum.muffingroup.com/betheme/discussion/19834/creating-u1-class-custom-bullets-lists it explains how to replace existing image with a new one.

oleeinfeldt · October 2016

Yes, but i think its not the same as i want.

It doesnt work. You can look on my side: http://www.vakuumiergeraet24.com/test-seite/

at the bottom right you can find the infobox with the "icon-check" and i have written the all the codes as you have given me. the icons don't change.

Albert · October 2016

Ok, so if it's not what you would like to do then we do not have any other solution unfortunately. Sorry.

Hello, How can I create different list-icons in a same infobox?

Comments