Customize filters with CSS

  • Resolved penelopecom

    (@penelopecom)


    2 months, 1 week ago

    Hello: My site, still under development, is built with Divi.
    For the mobile version, I’ve created an accordion where I’ve inserted the single shortcodes for each attribute. I did this because I can’t create a minimized mobile version of the filter.
    The problem is that the font size of the filter names (CATEGORY, COLOR, SIZE, etc.) and the spacing between filters are too large.
    How can I get a smaller mobile version?
    Could I reduce the font size and spacing between filters using CSS?
    Thank you so much for your help.
    Note: Sorry for using a translator.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author RazyRx

    (@razyrx)

    2 months, 1 week ago

    Hello,

    You can try to use this csutom CSS code to remove margin and padding between filters and change font size

    .berocket_single_filter_widget .bapf_sfilter {
        margin-bottom: 0;
    }
    .berocket_single_filter_widget .bapf_sfilter ul {
        padding-bottom: 0;
    }
    .berocket_single_filter_widget .bapf_sfilter h3 {
        font-size: 18px !important;
    }

    Regards,
    Oleg

    Thread Starter penelopecom

    (@penelopecom)

    2 months, 1 week ago

    Hi!

    Thank you so much for your quick response.
    It worked, but I have another problem.
    I’ve created single filters for mobile and others for desktop. I only want to change the size and spacing of the ones I created for mobile.
    Is that possible?

    Thanks!!

    Note: Sorry for using a translator

    Plugin Author RazyRx

    (@razyrx)

    2 months, 1 week ago

    Hello,

    You can use more specific selectors or limit it with media CSS

    @media screen and (max-width: 768px) {
    //CSS styles for mobile
    }

    Regards,
    Oleg

    Thread Starter penelopecom

    (@penelopecom)

    2 months ago

    thanks very much!!!

Viewing 4 replies - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.