Help with video banner button

Store Design
1

Hello I have added a new video banner to my store, I would really like the button to have a transparent background, white font, and underlining like the image banner that is above it. I would also like the font to be smaller.

As shown in the pictures. The bottom is the video banner button and the above is the image banner button. I would like the video banner’s button to look just like the image banner button that is above it.

Any help would be greatly appreciated. Thank you!

URL: https://www.tansokr.com/

Screenshot 2025-09-29 213649

Screenshot 2025-09-29 213641
Screenshot 2025-09-29 213641534×369 235 KB

2

Have you been able to change the color

3

Hi @gavboy555

  1. From your Shopify Admin, navigate to Online Store > Themes > Edit Code
  2. In the Assets folder, open base.css and add your CSS code at the end
.video-text a {
  background: transparent !important;
  color: #fff !important;
  text-decoration: underline;
  font-size: 14px;
  padding: 0;
  border: none;
  display: inline-block;
}

image
image1254×454 54.9 KB

Kindly feel free to get back to me if you need any further assistance.
If helpful, please like and accept the solution. :white_check_mark:

4

Hi @gavboy555,

Please go to Customize > Theme settings > Custom CSS and add code:

#video-container-template--20576582631659__videobanner_ydgHM4 .text-overlay a {
    background: transparent !important;
    font-size: 0.87em !important;
    text-decoration: underline !important;
}

If I helped you, then a Like would be truly appreciated.

5

Hello @gavboy555

Please follow the steps below after logging into the Shopify admin:

  • Go to your Shopify Admin panel.

  • Click on Online Store > Themes.

  • Find the live theme and then click Actions > Edit code.

  • Search base.css

  • Insert the provided CSS code at the top of the file and save the changes.

.video-container .text-overlay .video-text a
{
    background: transparent !important;
    padding: 0 !important;
    text-decoration: underline !important;
    cursor: pointer;
}

Please hit Like and Mark it as a Solution if you find our reply helpful.