Re: Help me with few css level changes

How can I make CSS level changes on my website?

mystore123d
Excursionist
17 0 5

Hi Experts,

 

I have explained my requirement in a detailed manner and have attached a screen recording below. Please go through it and help me with a solution.
I need this color: #F1EFE7

Website URL:
https://ae7201.myshopify.com/products/prime-apex-blue-racing-sweatshirt

 

 

Replies 9 (9)

niraj_patel
Shopify Partner
2378 514 511

Hello @mystore123d 
where is screen recording I can't find.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- [email protected]
mystore123d
Excursionist
17 0 5

Hi expert. I have attached it now. Please check.

niraj_patel
Shopify Partner
2378 514 511

Hello @mystore123d 

You can add code by following these steps 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid


<style>

     .review-item-one {
        background: #F1EFE7 !important;
     }
     .review-detail-body-not-img .review-detail-content .review-detail-wrapper {
        background: #F1EFE7 !important;
     }
     .review-detail-mask .review-detail-body::after {
        display: none !important;
     }

</style>
techlyser_web_0-1705090048110.png

techlyser_web_1-1705090132268.png

 

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- [email protected]
mystore123d
Excursionist
17 0 5

I added this code. But it is not working

niraj_patel
Shopify Partner
2378 514 511

It is working see

techlyser_web_0-1705149972683.png
For pop up Apply this 

You can add code by following these steps 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid


<style>

     .review-detail-mask .review-detail-body .review-detail-content-not-img {
              background: #F1EFE7 !important;
     }

</style>

techlyser_web_1-1705150072030.png

 

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- [email protected]
mystore123d
Excursionist
17 0 5

I added the code again. It is not working. Please help.

mystore123d_0-1705150859441.png

 

 

niraj_patel
Shopify Partner
2378 514 511

it is working.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- [email protected]

ZenoPageBuilder
Shopify Partner
1052 203 225

Hello @mystore123d 👋

In Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

.review-detail-wrapper {
    background-color: #F1EFE7 !important;
}

.review-detail-body::after {
    display: none !important;
}

The result

Screenshot 2024-01-13 at 10.34.53.png

Hope that helps!

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com
mystore123d
Excursionist
17 0 5

I added this code to base.css but it is not working.