Background color

  • Resolved depetro

    (@depetro)


    3 years, 4 months ago

    Hi, I can’t get rid of the gray background in the FAQ categories

    https://mavins.eu/faq/

    I tried almost every class from the css and set it’s ‘background-color’ to white, but in vain. Moreover, I cannot adjust the width of the boxes either, the 3rd one has shorter questions so it’s shorter and I would like for all of them to be for example 70% of total width.

    The gray I’m trying to get rid of is #EEEEEF and the style I’ve used is accordion-grouped.

    Loving this plugin, keep up the good work 🙂

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Usman Ali Qureshi

    (@usmanaliqureshi)

    3 years, 4 months ago

    Hello,

    Thanks for reaching out to us.

    You can change the color of the FAQs category container by using the following CSS code in the child theme.

    .qae-faqs-container {
  background: #b31a3126;
}

    Let me know if this helps.

    Regards,

    Usman

    Thread Starter depetro

    (@depetro)

    3 years, 4 months ago

    Hi Usman, thank you, sadly it does not work when I add it to the additional css in the theme.

    Moreover, the plugin CSS does not have such a class, only those, none of which have the background-color attribute:

    .qe-faqs-filters-container {
    list-style: none;
    padding: 0;
    margin-bottom: 1em;
    }

.qe-faqs-filters-container li {
    display: inline;
    padding: 0;
    margin: 0;
    }

.qe-faqs-filters-container li a {
    display: inline-block;
    border-bottom: 1px solid;
    padding: 5px 10px;
    margin: 0 10px 0 0;
    }

.qe-faqs-filters-container li a:hover {
    border-bottom: 2px solid;
    }

.qe-faqs-filters-container li.active a {
    border-bottom: 2px solid;
    font-weight: bold;
    }
    Thread Starter depetro

    (@depetro)

    3 years, 4 months ago

    As this was not resolved I would kindly ask for assistance in that matter.

    Plugin Author Usman Ali Qureshi

    (@usmanaliqureshi)

    3 years, 4 months ago

    Hello,

    I have just rechecked it on your website and you can see it in this video that the CSS code works – https://jmp.sh/aodCZU1D

    Anyways, I have modified it a little more to ensure that it works. So, please replace the previous one with the updated code.

    .qae-faqs-container {
  background: #b31a3126 !important;
}

    You must add the above code in the Additional CSS box (Dashboard → Appearance → Customize → Additional CSS).

    Let me know if it still doesn’t work.

    Thanks & Regards

    Thread Starter depetro

    (@depetro)

    3 years, 4 months ago

    Thank you Usman, now it works 🙂

    Plugin Author Usman Ali Qureshi

    (@usmanaliqureshi)

    3 years, 4 months ago

    That’s great 🙂

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

The topic ‘Background color’ is closed to new replies.