DEBUT THEME Collection Image with overlay title?

Shopify Partner
42 1 2

So I want to start using collection images for my collection pages, but the collection title disappears when collection image is active on Debut Theme. I managed to make some tweaks to display the title, but it renders below the image. I would prefer to place it on top of the image in the center. An overlay text will probably work, but I'm a bit lost as to how can I modify my collection-template for this. I'm confortable with changing the code myself. This is my store.




Add this css at bottom of
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

.collection-hero__title {
    color: black;
    top: 5%!important;
    opacity: 1!important; 
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Skype : oscprofessionals-87
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like
Shopify Partner
42 1 2

Thanks, this did it. Just changed the top 5% to 50% so it floated in the middle of the image rather than the top. I also managed to change the image opacity by mimicking this solution!