Hi @matthiasbreynaert,
That is a tricky one. It turns out that dot isn’t from the list style type. There’s a :before style that’s adding in a dot. Here’s how you can remove it:
When I tried that, it took out the dot. Here’s the original style:
.brz .brz-rich-text ul li:before {
position: relative;
top: -0.1em;
line-height: 1;
content: "\2022";
padding-right: 0.5em;
}
Hope that helps out!
Wow, awesome! It works right away. I was searching for hours without result 😀
Thank you!
Maybe one more question: do you see why the products on the first line aren’t on the same height, whilst the products on the second line are?
Mina
(@purpleberryservices)
add class i.e “customclass” to your div with class “.brz-rich-text”
————
For example this is how it should look when you inspect element:
<div data-custom-id=”qxlqvwmmkchqcxtoqwyseavmniinlhvgqvyc” class=”brz-rich-text customclass”>
<p class=”brz-tp-paragraph”>
<span class=”text-population brz-cp-color7″ data-population=”brizy_dc_6329_da_subpages_listing”></span>
</p>
<div class=”woocommerce columns-3 “><ul class=”products columns-3”>
.
.
.
————-
And then add CSS
.brz .brz-rich-text.customclass > * {
white-space: nowrap !important;
}
Hi, and thank you for your reply.
I can only apple the custom class here, because this is made in Brizy page builder and I can only select the element in which the products are dynamically loaded.
<div class=”brz-wrapper brz-css-hnjvw productlisting”>
I called customclass “productlisting”.
So I tried adding this custom css:
.brz-css-hnjvw.productslisting > * {
white-space: nowrap !important;
}
No luck unfortunately.
Mina
(@purpleberryservices)
Remove the CSS you have added.
Instead use this:
.brz .productslisting .brz-rich-text > * {
white-space: nowrap !important;
}
Hi Purpleberryservices,
Thanks a lot, this worked straight away!
Matthias
Mina
(@purpleberryservices)
Hi Matthias,
That’s great. Glad to know that.
Mina
