How to fix transperancy of text and buttons?

cosmicp · ‎10-04-2024

I figured out how to extend my image banner to go underneath the header by using the following code above the <head> section:

My issue is that the text on the store name, menu, and the button on the image banner are now also slightly transparent. I would like everything on top of the image to be a full opacity white like the header in the image banner is. How do I do this?

Made4uo-Ribe · ‎10-04-2024

Hi @cosmicp

Would you mind to share your Store URL website? with password if its unpublish. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. ☕ Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

cosmicp · ‎10-05-2024

Of course. Here is the link: https://qf1dgsgcdlso8h2d-67820880062.shopifypreview.com

And the password: staosh

cosmicp · ‎10-05-2024

Of course. Here is the link:
https://qf1dgsgcdlso8h2d-67820880062.shopifypreview.com

And here is the password: staosh

Thank you!

cosmicp · ‎10-05-2024

This might be the correct URL: https://b6b93f-65.myshopify.com/

BSSCommerce-B2B · ‎10-04-2024

hii @cosmicp ,

You can try to add more code in code above the <head> section:

<style>
  .header-wrapper { 
    background: transparent !important; 
  }
  #MainContent { 
    margin-top: -157px !important; 
  }

  /* Set the text in the header (store name, menu) to fully opaque white */
  .header-wrapper a, 
  .header-wrapper h1, 
  .header-wrapper button {
    color: #ffffff !important; 
    opacity: 1 !important; 
  }
</style>

I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.

Have a nice day sir!

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

cosmicp · ‎10-05-2024

It doesn't seem to have worked, unfortunately. Any other ideas?

The header, menu, and button all go opaque when the mouse scrolls over them. Not sure if that helps. I tried to find the individual elements later on in the code to set their opacity to 1 but I couldn't find them.

How to fix transperancy of text and buttons?

How to fix transperancy of text and buttons?

Community Blog Articles