Change Background of Product Tabs Wrapper on product Page for a customized Theme

[IbrahimW]

Hi!
You see the 3 white boxes that say shipping returns, specifications etc..
How can I get the background colour of those to be consistent with the rest?
I would highly appreciate the help, thanks in advance.

www.barakatbazaar.com

[Dan-From-Ryviu]

Hi @IbrahimW 

Did you remove those tabs?

[IbrahimW]

yep i did, i have put them back now.

[Dan-From-Ryviu]

I still cannot see that block yet. 

[Dan-From-Ryviu · Accepted solution]

Go to your Online store > Themes > Edit code > open product.css file, add this code at the bottom 

#product-accordion .accordion-button {
background-color: transparent !important;
}

[IbrahimW]

Thanks! It has worked but the box shape is weird how can I sort that out?

[Dan-From-Ryviu]

Please update the code 

#product-accordion .accordion-button {
background-color: transparent !important;
}
#product-accordion .accordion-item {
border: unset !important;
}

[IbrahimW]

Also can you also help me with changing the color of the dropdown arrow of only those tabs wrapper to white from black?

[Dan-From-Ryviu]

It is SVG icons, you must change icons from your site 

[IbrahimW]

Thanks again! That problem is somehow solved but there is another one further down. In the FAQ section of the page, the boxes have turned white and the text is white when not clicked on but when you click on it, it gets to the proper colour with a white underline. Please assist me in this regard, thanks in advance.

[IbrahimW]

Hey, I'm looking forward to your response.