How can I add a container behind the text in my heading?

Store Design
, ,
1

I added a video background section instead of a static header image, and because this is a custom section (that I did not personally create the code for) I cant figure out how to add a container behind the text. I was able to add the text background, but cant change the size so that it becomes one larger box like I’ve drawn in the snip below.

Ideally, I’d love to have an adjustable-size container over the background that can house the text shown and an email signup, rather than having to create a separate section for email signups below this section.

So far I’ve also tried copying the code from the default header section into the video background section, and that didnt do the trick (but im also just learning CSS so i probably didnt do it right).

Oh and on desktop & mobile the background and everything looks fine, but when I open my site on my tablet there is a black border at the top and bottom of the video and nothing I do to that code gets rid of it. If anyone knows how…that would be awesome…

TIA

website: https://takehearttextiles.com/

password: textiles2023

Screenshot 2023-06-06 131503.png
Screenshot 2023-06-06 131503.png1775×875 236 KB

2

Hey @mackk

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 tag.

Capture.PNG
Capture.PNG1904×963 202 KB

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

Best Regards,
Moeed

3

Thanks for the response! Sorry, my snip was misleading, I drew a white line but I’m looking to actually create a solid box. However, I did add that code and it worked to create what you are showing.