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

Solved

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

IbrahimW
Excursionist
30 0 7

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
10926 2147 2283

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;
}

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 10 (10)

Dan-From-Ryviu
Shopify Partner
10926 2147 2283

Hi @IbrahimW 

Did you remove those tabs?

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

IbrahimW
Excursionist
30 0 7

yep i did, i have put them back now.

Dan-From-Ryviu
Shopify Partner
10926 2147 2283

I still cannot see that block yet. 

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Dan-From-Ryviu
Shopify Partner
10926 2147 2283

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;
}

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

IbrahimW
Excursionist
30 0 7

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
10926 2147 2283

Please update the code 

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

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

IbrahimW
Excursionist
30 0 7

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
10926 2147 2283

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

Screenshot_2.jpg

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

IbrahimW
Excursionist
30 0 7

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
30 0 7

Hey, I'm looking forward to your response.