product page

Solved

product page

juanzz
Tourist
3 0 2

Hi everyone, i have an issue with one of my product page. in this case, how it shows in the image, the opacity of the color in the subtitle "ultimas unidades disponibles" is less than the rest of the page, and also it happens with the image of the same subtitle. i already tried contacting with the shopify support but they couldnt help me, so if someone here knows something about this problem, it would be a great help. (Im using the DAWN theme) Thanks! Captura de pantalla (384).png

Accepted Solution (1)

suyash1
Shopify Partner
11061 1364 1745

This is an accepted solution.

@juanzz - please add this css to the very end of your base.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> base.css

 

.product__description .markdown{opacity: 1;}
To build shopify pages use PAGEFLY | Want authentic views on your video? Contact me - suyash.patankar@gmail.com

View solution in original post

Replies 6 (6)

suyash1
Shopify Partner
11061 1364 1745

This is an accepted solution.

@juanzz - please add this css to the very end of your base.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> base.css

 

.product__description .markdown{opacity: 1;}
To build shopify pages use PAGEFLY | Want authentic views on your video? Contact me - suyash.patankar@gmail.com

Moeed
Shopify Partner
7693 2069 2550

Hey @juanzz 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.light {
    opacity: 1 !important;
}
</style>

RESULT

Moeed_0-1749057010719.png

 

If I managed to solve your problem then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


juanzz
Tourist
3 0 2

Thanks bro!

 

Moeed
Shopify Partner
7693 2069 2550

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


BiDeal-Discount
Shopify Partner
782 101 174

Hi @juanzz 

Let try to go to:

Admin -> Sale Channels -> Online Stores -> Theme -> click Customize your current theme -> select Theme Settings -> scroll down to section Custom CSS then add this code:

.product__description .light {
  opacity: 1;
}

the result:

BiDealDiscount_1-1749057067012.png

 

- Helpful? Like & Accept solution! Coffee tips fuel my dedication.
- BiDeal Bundle Volume Discounts: Upsell with discount bundles, quantity breaks, volume discounts & mix-and-match bundles. AOV+ with free gifts, free shipping & progressive cart
- Contact me via WhatsApp
juanzz
Tourist
3 0 2

thanks bro!