Dawn theme - image banner desktop only - opacity

Ankita31 · ‎08-27-2024

Hi

I have two different images on desktop and mobile. I was wondering if the opacity on desktop only is able to be amended. Currently if I do 20% it does it for both. I just need it for desktop only. Please can I get codes for mobile 0% and desktop 20%?

BSSCommerce-B2B · ‎08-27-2024

@Ankita31 , Sorry for replying late
You can change the code i sent you before like this

<style>
@media only screen and (min-width: 990px) {
  h2.banner__heading.h2 > br {
     content: "";
     margin-right: 10px!important;
  }
  .banner__box {
    max-width: 100%!important
  }
  h2.banner__heading.h2 {
    font-size: 3rem;
  }
  #Banner-template--14328136794241__image_banner::after {
    opacity: 0.2
  }
}
</style>

It will apply for only desktop view

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.

B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.

B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.

BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

View solution in original post

Ankita31 · ‎08-27-2024

@BSSCommerce-B2B are you able to help me please?

BSSCommerce-B2B · ‎08-27-2024

@Ankita31 , Sorry for replying late
You can change the code i sent you before like this

<style>
@media only screen and (min-width: 990px) {
  h2.banner__heading.h2 > br {
     content: "";
     margin-right: 10px!important;
  }
  .banner__box {
    max-width: 100%!important
  }
  h2.banner__heading.h2 {
    font-size: 3rem;
  }
  #Banner-template--14328136794241__image_banner::after {
    opacity: 0.2
  }
}
</style>

It will apply for only desktop view

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.

B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.

B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.

BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

Ankita31 · ‎08-29-2024

@BSSCommerce-B2B you are an absolute star!!! Thank you x100!

Dawn theme - image banner desktop only - opacity

Dawn theme - image banner desktop only - opacity

Community Blog Articles