• Resolved matthiasbreynaert

    (@matthiasbreynaert)


    Hi there.

    I tried almost everything I can think of, but no luck in removing these bullets.

    If you inspect element, all is set to list-style: none;

    Any suggestions?

    Thank you!

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • 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:

    • In your WordPress dashboard, go to Appearance and click on Customize.
    • Look down for the Additional CSS section and click on it.?
    • In the box there, paste this:
      
      .brz .brz-rich-text ul li:before {
          content: none;
      }
      
    • Publish your changes.

    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!

    Thread Starter matthiasbreynaert

    (@matthiasbreynaert)

    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;
    }

    Thread Starter matthiasbreynaert

    (@matthiasbreynaert)

    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;
    }

    Thread Starter matthiasbreynaert

    (@matthiasbreynaert)

    Hi Purpleberryservices,

    Thanks a lot, this worked straight away!

    Matthias

    Mina

    (@purpleberryservices)

    Hi Matthias,

    That’s great. Glad to know that.

    Mina

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Force remove bullets from product list’ is closed to new replies.