Button background + Video Banner

[ReviveShop]

Hello. I want to have the button background transparent. Also the video banner should go into the top menu.

https://luviera.store/

Edit: Password is: bautso

  

[Moeed]

Hey @ReviveShop 

Your website is password protected, can you share the password as well?

Best Regards,

Moeed

[ReviveShop]

Hey, sorry I will edit the post. Password is: bautso

[Moeed · Accepted solution]

Hey @ReviveShop 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
sticky-header.header-wrapper.color-background-2.gradient {
    position: absolute !important;
    width: 100% !important;
    background: transparent !important;
}
.video-text a {
    background: transparent !important;
    border: solid 1px black;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[ReviveShop]

Worked perfectly, thank you!

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

[ReviveShop]

Maybe you know how to change the top menu to white now, instead of black?

[Sangeetanahar]

hello @ReviveShop 

please send me the password of your site

thanks

[Sangeetanahar]

hello @ReviveShop 

Go to online store ----> themes ----> actions ----> edit code ---->assets ----> base.css...>

add the code end of the file

#video-container-template--23251117932877__videobannerneu_RH73bn .text-overlay a {
   
    background-color: transparent !important;
}

result

Buy me a Pizza

If this was helpful, hit the like button and accept the solution.
Thanks

[Sangeetanahar]

hello @ReviveShop 

can you please explain this thing more  Also the video banner should go into the top menu, like the screen abough.

If you want it like the screenshot then you have to hide the annocement bar inside

thanks

[BSSCommerce-B2B]

@ReviveShop 
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
   #video-container-template--23251117932877__videobannerneu_RH73bn div.video-text a {
        background-color:transparent!important;
        color: white!important;
   }
   #video-container-template--23251117932877__videobannerneu_RH73bn > .text-overlay {
        height: 100%!important
   }
</style>

Result:

If it helps you, please like and mark it as the solution.

Best Regards 😍