How can I edit this box on my homepage?

Store Design
, , ,
1

Hi, I am in the theme editor but as a novice/after Googling I can’t figure out how to edit this box (if it’s even possible on my end). I would like there to be less white (padding?) around the text and I would like the text to be centered if possible…

Also, Is it possible to have NO white box at all and have it be transparent?

Any tips for this would be greatly appreciated - thank you in advance!

Screenshot 2025-11-06 at 2.32.33 PM
Screenshot 2025-11-06 at 2.32.33 PM1920×1131 330 KB

2

Hi @TheHatGirls

If you do not have settings for any of that you can add following code and adjust if needed. In your theme editor, on that video section, under Custom CSS add

.background-media-text__text {
    background: transparent;
    padding: 15px;
    text-align: center;
}

But note that it has that color for a reason. If you remove it, the text will not be readable in some parts of the video. So you can try this also

.background-media-text__text {
    background: rgb(255 255 255 / 60%);
    padding: 15px;
    text-align: center;
}

Where 60% is the opacity.

3

You are amazing - thank you so much! I went the transparent route :wink:

1 Like