How to fix transperancy of text and buttons?

Store Design
, , , , , , ,
1

Screenshot 2024-10-04 171214.png
Screenshot 2024-10-04 171214.png1426×749 374 KB

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

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

{% endif %}

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?

1 Like
2

Hi @cosmicp

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

3

hii @cosmicp ,

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

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!

4

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

And the password: staosh

5

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.

6

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

And here is the password: staosh

Thank you!

7

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