Make image banner text OPAQUE

Hello, I want to make the text solid (opaque) in the image banner section. Can someone help me?

Theme: DAWN

Section: Image banner (standard)

REFERENCE: www.timecraft.se , bottom page

@edwinsoltan , you want this?

If so follow these steps

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:


If it helps you, please like and mark it as the solution.

Best Regards :blush:

Hi, sorry for the misunderstanding. I want the text on the image banner to be solid and not transparent. If you scroll down on my store, you will see a banner with two watches, and the text there is transparent.

@edwinsoltan , You mean this section

If so, change the previous code like this


1 Like

but i want the background of the text to be transparent as before but the text solid.

@edwinsoltan , sorry for replying late. You fixed that?

its okay! i change it. But if you can, is there any code to adjust the image size for mobile only?

@edwinsoltan , try this one


Result

where should i put it? I put it in theme.liq file above the body and changed the number to 200% but nothing happened.

@edwinsoltan , i see you put it and it’s working

Why don’t you use 100% height?

Yes, I tried, and it looks good, but I meant how can I expand the entire image banner on mobile to make the whole section longer? Also, thank you for all the help I have received so far.