How to dispay featured collection title and link without having to hover

Currently the only way to see the tile of the collection you must hover your mouse over it. Is there any way to just have it show without having to scroll over it? Please help if you can. I also need to edit to size of the display of the title. Any suggestions?

@dsmallwood82

ok, we will help you but firstly share the store URL then we will able to help you.

https://da464e.myshopify.com

you share the URL but don’t give me the store password

Sorry about that!

geibah

@dsmallwood82

Hello,

Please add the below code above in theme.liquid

online store >> edit code >> theme.liquid

.grid-banner-type-7 .img-hover-effect .block-content{ opacity: 1!important; }

after added the given code store looks like this.

If our solution is helpful for you then Please like the post and tap on accepted.

If you want to discuss any further information then please contact us on our whatsapp.

We will always here for your help.

Thankyou :slightly_smiling_face:

Thank you so much! Do you know how I can remove the black background box from the collection title? Or change the size of it?

@dsmallwood82

our pleasure. if our solution helpful for you then please don’t forgot like and accepted.

we give you the code for removing black background and change font size.

please add this below code above in theme.liquid

.grid-banner-type-7 .img-hover-effect .block-content .block-content-inner{ background-color: transparent!important; } .grid-banner-type-7 .img-hover-effect .block-content .block-content-inner h4{ font-size:24px!important; color: #dd4b2a!important; } .grid-banner-type-7 .img-hover-effect .block-content .block-content-inner a{ color: #ffffff!important; font-size: 14px!important; }

you can change the font size, font color, and container background from here. if you change the font color or background color then you can change the color code or you can change the font size of heading or sub heading then you can change the no. of unit.

Please don’t forgot like and accepted.

Thankyou :slightly_smiling_face:

Thank you,

You remember that the previous solution from the previous solution is not accepted by you.

So please accept it if it was helpful to you.

it motivates us :slightly_smiling_face:

Would it be possible to make an opaque background, kind of like when you highlight a word? And would it be possible to round the edges?

Thank you so much!!!

Hello,

Please try this below code in theme.liquid

.grid-banner-type-7 .img-hover-effect .block-content .block-content-inner h4{ display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 10px; padding: 10px; }

Please let us know that is this your requirement?

Thank you!