Solved

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

IbrahimW
Excursionist
13 0 5

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

 

Screenshot 2024-01-15 041003.png

Accepted Solution (1)
Dan-From-Ryviu
Shopify Partner
7719 1501 1505

This is an 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;
}

- Helpful? Like and Accept solution or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

Replies 10 (10)

Dan-From-Ryviu
Shopify Partner
7719 1501 1505

Hi @IbrahimW 

Did you remove those tabs?

- Helpful? Like and Accept solution or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

IbrahimW
Excursionist
13 0 5

yep i did, i have put them back now.

Dan-From-Ryviu
Shopify Partner
7719 1501 1505

I still cannot see that block yet. 

- Helpful? Like and Accept solution or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

Dan-From-Ryviu
Shopify Partner
7719 1501 1505

This is an 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;
}

- Helpful? Like and Accept solution or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

IbrahimW
Excursionist
13 0 5

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


Screenshot 2024-01-15 151230.png

Dan-From-Ryviu
Shopify Partner
7719 1501 1505

Please update the code 

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

- Helpful? Like and Accept solution or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

IbrahimW
Excursionist
13 0 5

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
Shopify Partner
7719 1501 1505

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

Screenshot_2.jpg

- Helpful? Like and Accept solution or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

IbrahimW
Excursionist
13 0 5

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.

Screenshot 2024-01-15 165352.png

IbrahimW
Excursionist
13 0 5

Hey, I'm looking forward to your response.