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
8020 1564 1587

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 to let me know or Buy me 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
8020 1564 1587

Hi @IbrahimW 

Did you remove those tabs?

- Helpful? Like and Accept solution to let me know or Buy me 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
8020 1564 1587

I still cannot see that block yet. 

- Helpful? Like and Accept solution to let me know or Buy me 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
8020 1564 1587

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 to let me know or Buy me 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
8020 1564 1587

Please update the code 

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

- Helpful? Like and Accept solution to let me know or Buy me 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
8020 1564 1587

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

Screenshot_2.jpg

- Helpful? Like and Accept solution to let me know or Buy me 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.