Solved

Help me change the text area colour of my reviews section

mystore123d
Excursionist
17 0 5

Hi Experts,

 

Please help me change the background colour and border weight of the text area fields in my review section. I have attached the screenshots below for further reference. 

 

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

 

mystore123d_0-1705045844268.png

 

mystore123d_1-1705045852732.png

 

 

Accepted Solution (1)

PageFly-Henry
Astronaut
775 207 182

This is an accepted solution.

Hi @mystore123d 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save



.jdgm-picture-fieldset__box-wrapper {

    border: 2px solid #e4e4e4 !important;

}

a.jdgm-btn.jdgm-btn--border.jdgm-cancel-rev {

    background: #f1efe7 !important;

}

.jdgm-form input[type="text"], .jdgm-form input[type="email"], .jdgm-form input[type="url"], .jdgm-form textarea {

    border: 2px solid #e4e4e4 !important;

    background: #f1efe7 !important;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 2 (2)

Dan-From-Ryviu
Shopify Partner
6894 1302 1329

Hi @mystore123d 

Go to your Online store > Themes > Edit code, open theme.liquid file, add this code under <head> element

<style>
.jdgm-picture-fieldset__box-wrapper,
.jdgm-form input[type="text"], .jdgm-form input[type="email"], .jdgm-form input[type="url"], .jdgm-form textarea {
    border: 2px solid #e4e4e4 !important;;
    background: #f1efe7 !important;
}
.jdgm-btn.jdgm-cancel-rev {
    background: #f1efe7 !important;
}
</style>

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

PageFly-Henry
Astronaut
775 207 182

This is an accepted solution.

Hi @mystore123d 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save



.jdgm-picture-fieldset__box-wrapper {

    border: 2px solid #e4e4e4 !important;

}

a.jdgm-btn.jdgm-btn--border.jdgm-cancel-rev {

    background: #f1efe7 !important;

}

.jdgm-form input[type="text"], .jdgm-form input[type="email"], .jdgm-form input[type="url"], .jdgm-form textarea {

    border: 2px solid #e4e4e4 !important;

    background: #f1efe7 !important;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.