Re: Image banner turning darker

Solved

Why does my image banner turn darker when uploaded?

CozyLeaf
Tourist
6 0 1

Hi, I'm trying to match the colors of my banner with the color themes but every time I upload an image, it turns darker, as if a filter was applied. Tried with different images and exposures and nothing works, because the image changes when applied to the banner. I'm using Dawn's theme, it is possible to change the settings and fix it?

 

Also, additional question, is there a way to pick a color that already exists in the site (like in an image), similar to the eyedropper tool in Photoshop?

 

Thank you.

Accepted Solutions (2)

KabirDev
Shopify Partner
248 61 75

This is an accepted solution.

@CozyLeaf please share the page URL so that I can help you to fix it.

- Control payment methods visibility at checkout by KlinKode PayRules app.
- Contact me directly at shahriar@kabirdev.com

View solution in original post

KabirDev
Shopify Partner
248 61 75

This is an accepted solution.

To pick a color from your website using Chrome, right-click on the page and select "Inspect" to open Developer Tools. In the "Styles" tab, click on the color preview next to a CSS color value to open the color picker. Use the eyedropper tool within the color picker to select a color from the webpage. The hex code of the chosen color will be displayed, which you can then use as needed.

- Control payment methods visibility at checkout by KlinKode PayRules app.
- Contact me directly at shahriar@kabirdev.com

View solution in original post

Replies 3 (3)

KabirDev
Shopify Partner
248 61 75

This is an accepted solution.

@CozyLeaf please share the page URL so that I can help you to fix it.

- Control payment methods visibility at checkout by KlinKode PayRules app.
- Contact me directly at shahriar@kabirdev.com
CozyLeaf
Tourist
6 0 1

Hey! Just found the solution, was an opacity setting applied to the theme. Thank you anyway!

 

Just need to know about some functionality similar to the eyedropper tool 🙂 can you help me?

 

Thank you.

KabirDev
Shopify Partner
248 61 75

This is an accepted solution.

To pick a color from your website using Chrome, right-click on the page and select "Inspect" to open Developer Tools. In the "Styles" tab, click on the color preview next to a CSS color value to open the color picker. Use the eyedropper tool within the color picker to select a color from the webpage. The hex code of the chosen color will be displayed, which you can then use as needed.

- Control payment methods visibility at checkout by KlinKode PayRules app.
- Contact me directly at shahriar@kabirdev.com