Hello, I use the custom liquid section in my theme and I have a code that displays a video with text and a shop now button. I want to remove the container around the shop now button so it matches with the title and text. Also I would like to ad a underscore to the shop now.
Store url (password 123mnb): https://clouders-online.com/
The custom liquid section is right at the top of the homepage.
The code I use:
@import url('[https://fonts.googleapis.com/css2?family=Gill+Sans+Nova&family=Scania+Sans+CY+Headline:wght@400&display=swap](https://fonts.googleapis.com/css2?family=Gill+Sans+Nova&family=Scania+Sans+CY+Headline:wght@400&display=swap)'); .video-container { position: relative; } video { width: 100%; height: 100%; object-fit: fill; } .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, 0.25); /* Adjust overlay opacity here */ color: white; font-family: 'Scania Sans CY Headline', 'Gill Sans Nova', sans-serif; font-size: 15px; text-align: center; padding: 20px; } .overlay h1 { margin: 0; color: white; /* Change the title color here */ } .overlay p { margin: 10px 0 0; } .overlay .button { margin-top: 20px; } .overlay .button a { display: inline-block; padding: 10px 20px; background-color: transparent; /* Set button background color to transparent */ color: white; /* Customize button text color */ text-decoration: none; font-weight: bold; border: none; /* Remove button border */ outline: none; /* Remove button outline */ } .overlay .button a:hover { background-color: transparent; /* Set button hover background color to transparent */ } .overlay .button a { background-color: transparent; /* Set button background color to transparent */ border: none; /* Remove button border */ }Master Your Golf Swing
Mastering your golf swing is the key to unlocking your full potential on the golf course