How can I make CSS level changes on my website?

[mystore123d]

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

[niraj_patel]

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

[mystore123d]

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

[niraj_patel]

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>

[mystore123d]

I added this code. But it is not working

[niraj_patel]

It is working see

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>

[mystore123d]

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

[niraj_patel]

it is working.

[ZenoPageBuilder]

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

Hope that helps!

[mystore123d]

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