How can I fix the darkening banner issue in Venue Theme?

Store Design
1

I use the “Venue” Theme and whenever I upload an image as my website banner the colours become darker and don’t match my background colour on theme settings. Is there a code I can use and someone can help me with implementing this code?

thank you

2

I just upgraded to Dawn 6.0 theme and had the same thing happen when I uploaded my Image banner! This didn’t happen on my previous Dawn 2.3.0 theme. Hope someone can help!

3

Hi and welcome!

Could you provide a link to the page in question and I’ll be happy to take a look for you!

4

Woody, I didn’t start this discussion, but maybe have the same issue as @Greenella123

My website is https://reelfishyapparel.com/ - Home page, Image Banner. When I created it, the background is white. When I attach, the background turns grayish.

Thanks for any help!

Holly

5

No problem @reelfishy !

It seems to be some code in the section-image-banner.css, but it’s linked through a style sheet so I can’t make edits via inspect element, could you provide me with your STORE.myshopify.com URL so I can request collaborator access and take a look?

This will hopefully let me discover the issue and post it here for future help.

6
7

Perfect!

Just sent the request over!

8

You are asking for access to my Shopify website to change me code? Are you not able to send me the code and I try it myself? Not sure I’m comfortable with someone having access to my website and changing things. Usually through discussions on Shopify, they explain how to insert the code themselves.

Thanks!

9

Yes because through inspect element i can see what the problem code is, but it’s not telling where it is.

Collaborator access was created for this purpose, I would only have access to the theme file and nothing else, to help you with your issue :slightly_smiling_face:

10

@reelfishy

Resolved the issue for your store, searched for the following code in section-image-banner.css:

.banner__media::after {
  content: '';
  position: absolute;
  top: 0;
  background: #000;
  opacity: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

Switched the background value from ‘#000’ to ‘#FFF’, was pretty hidden :slightly_smiling_face:

Please take a moment to read through my signature below, I would highly appreciate it :heart:

1 Like
11

Awesome! Looks great! Thank you.

12

You’re welcome!

Feel free to remove my collaborator access, if you need any help in the future, feel free to message me directly :slightly_smiling_face:

Any tips for my work are greatly appreciated and lets me continue helping the community, and save the cost of hiring a theme developer :slightly_smiling_face:

13

Hi Woody, Apologies for the delay in my response.. is there a possibility you’d be willing to help me out with this issue as well?

thanks, Greenella

14

Hi Greenella123,

I would be happy to help!

You can either try the code I posted above, or provide me with your STORE.myshopify.com and I’ll look into it for you :slightly_smiling_face:

15

greenella-co.myshopify.com

16

Perfect!

Just requested access to your store :slightly_smiling_face:

17

Please check your home page and make sure this is okay for you :slightly_smiling_face:

18

Amazing!

thank you so much!

19

You’re very welcome!

Please take a moment to read through my signature below, I would really appreciate it :heart:

20

@WoodyDev

After further review of my banner on the Home Page, it now has a white background as opposed to a grayish one, but now my image is not bright & bold. It looks kind of muted or not crisp. If this makes sense? Opacity says 0%

Can you help? When background was set to #000000; - it was gray but the picture colors were bright.

.banner::after,
.banner__media::after {
content: ‘’;
position: absolute;
top: 0;
background: #FFF;
opacity: 0;
z-index: 1;
width: 100%;
height: 100%;
}

Thanks,

Holly