Hi I find the font does not stand out enough on my featured collections images. I am looking to add a almost transparent semi see through (or something that matches the colour) box behind the text on my featured collections to make the wording stand out more. I am using Sahara theme. Can anyone …

Hi @Sharon-W , Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file: .media.media--overlay.card-collection__media:after { content: ''; background: #0000003b; }

can you give me images that explain what you want to do because your problem is not clear enough for me

You can make the text in box over the image, i will give you an example, because it is never stand out on the image and you will harms the customer experience and this will effects your store salles and Customer Retention to your store [Screenshot_20240711-185957_Chrome.jpg]

Hi Thank you. Please see attached image, where the writing is on the collections, i would like a transparent banner put behind it to make the text stand out a bit more

Hi @Sharon-W , Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file: .media.media--overlay.card-collection__media:after { content: ''; background: #0000003b; }

I seen it you can make the font bigger and bolder and change the color to something like white like this image [Screenshot_20240711-193844_Chrome.jpg]

Thank you, this is not what I am looking for. I am looking to place a more definitive banner over the text to highlight the text. But thank you

Thank you, can you provide an example of what this will look like? and also, do I have to manually go in and apply it or should it apply automatically?

Add a box behind text on featured collections on Sahara theme

Store Design

namphan July 11, 2024, 4:01pm 5

Hi @Sharon-W ,

Have you tried my tutorial? Is it what you want

Topic		Replies	Views
How can I add a box behind text for better visibility? Shopify Discussion	11	85	April 22, 2022
Making a transparent box around the text in the banner image Store Design design	10	231	December 8, 2023
Overlay text on Collection images on main page (brooklyn theme). Store Design design , troubleshooting	3	44	February 8, 2023
How can I add a text box to a debut collection theme? Store Design	5	51	February 17, 2022
Filling the black box i added behind text Store Design design , landing-page , css , cart-page , troubleshooting , product-page	6	108	September 5, 2023

Add a box behind text on featured collections on Sahara theme

Related topics