how can i add image to collection banner text (centered)

[meldepoot]

so i want to add an image and get the collection banner over it please help

i am using the craft theme

[goldi07]

hello @meldepoot

can you please share your Website URL
thanks

[meldepoot]

here

[goldi07]

hello @meldepoot

Would you please explain a little more about what exactly you want, I am not able to understand it properly

thanks

[meldepoot]

i want to get the banner text on the image and in the middle

like this one:

[goldi07]

hello @meldepoot

please check this video i have tell everything in this video

https://www.awesomescreenshot.com/video/32217238?key=ba170c86675059c75d2c4cb3d550ddd8

thanks

[goldi07]

hello @meldepoot

If you don’t want to do it again then give me the access to the collaborator and I will do your work but you can watch the video in which I have told you how to do it all.

thanks

[Made4uo-Ribe]

Hi @meldepoot

Check this one.

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

.collection-hero.color-scheme-1.gradient {
    position: absolute;
    z-index: 99;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

And Save.

Result:

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

[meldepoot]

ah i totally forgot about that , thanks

[meldepoot]

ahh it didnt work

[Made4uo-Ribe]

It is working well now?

Would you mind hitting ‘like’ as well? Thanks!