WP Bakery FAQ element

travelhippi · February 2020

Hi

I am trying to change the colour of the faq button, but it whatever changes I make, it does not show on my page

https://staging1.bocaskayakfishing.com/about-us/

I keeps the default grey plus button, and I want to change it blue.

Ciska

Pablo · February 2020

Hello Ciska,

Can you explain, how you would like to make the faq button look like?

About the plus button, please paste that CSS code into the Theme Options > Custom CSS & JS > CSS

.icon-plus, .icon-minus {
  color:blue !important;
}

Thanks

travelhippi · February 2020

Hi

Thanks for the code, but what I want to do is normal WP Bakery options. It seems that some of my options that I use for WP Bakery are not working.

Does this mean that WP Bakery does not work 100% with this theme?

Pablo · February 2020

It works, but not all elements are available to change, they are just hard-coded in the code and they cannot be changed through the theme options.

Thanks

travelhippi · February 2020

Ok I see, then can you also help me with this problem

1. The Tabs headings are blue, except for the tab that is selected, that one is grey. But I want to change it around so that the tab that is selected must be blue and the others grey.

2. Next to each FAQ there is a feint grey line on the left side, how to remove that?

Pablo · February 2020

Please use this CSS code:

.question.active{
  border:2px solid blue !important;
}

.question{
  border-left:unset !important;
}

Thanks

travelhippi · February 2020

Hi

Ok this changed the actual FAQ underneath the headings.

But I want this change done on the FAQ heading. The headings are Bookings, Flights, Accommodation. This is what should change the colour

Thanks

Pablo · February 2020

Sure, use this one:

.wpb-js-composer .vc_tta-color-blue.vc_tta-style-classic .vc_tta-tab.vc_active > a{
  background:red !important;
  color:green !important;
}

thanks

travelhippi · February 2020

Thank you, all fixed now

travelhippi · February 2020

One last thing, how can I reduce the space between the FAQ questions?
There is a huge white space between them

Pablo · February 2020

It's made in another row, so it's normal that it's pushed, you would have to move it to the same row.

http://prntscr.com/r50pna

Thanks

travelhippi · February 2020

No that was not the space I was talking about, it's the space between each FAQ

https://prnt.sc/r56fug

How to reduce the white space between each one, like the green I marked

Thanks

Pablo · February 2020

It will not be able to change a lot, only 5pixels because this space is needed for tab to display correctly.

Please use this CSS:

.faq{
  margin-bottom:0px !important;
}

Thanks

travelhippi · February 2020

Is this because of the theme? I have another page with a different theme but it also uses WP Bakery with these FAQs. Look at this page, this is what I wanted the FAQ to look like

https://travelhippi.com/faq-hispanic-america/

Is it at all possible with this theme maybe?

Thanks

Pablo · February 2020

It is builded in very different way.

If you would like to customize our 'faq' item, you would have to rebuild the CSS of this item from the scratch.

We cannot provide this code, because it is really advanced css code with pseudoclasses and much more.

We only help with the minor css tweaks (like changing color, hiding some elements), fixing theme bugs and tips, for understanding the theme.

Thanks

WP Bakery FAQ element

Comments