Remove text overlay background on video section -- Dawn Theme

Store Design
, ,
1

How can I modify this video section to remove the grey/white overlay and just show the text on the video. Also I want to change the text color of fonts to white

vv.png
vv.png1884×862 229 KB

1 Like
2

@jasondane Can you share your store url? So , i can figured it out.

3

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

4

To remove the grey/white overlay and change the text color to white in the video section, you can modify the CSS as follows:

.slideshow-container {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
}

.slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.slide.active {
  opacity: 1;
}

.slide video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slide .text-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  text-align: center;
}

.slide .text-overlay h2 {
  font-size: 24px;
  margin-bottom: 10px;
}

.slide .text-overlay p {
  font-size: 16px;
}