IMPACT THEME - How to move the collection title from the image to below the collection card?

Andrea59
Tourist
7 0 1

Hello guys, anyone know how I can hide the collection title circled in red (see image below) and show the collection title below the image / card ? Anyone could provide the CSS code ? I'm using IMPACT theme. Many thanks in advance.

 

Screenshot 2024-04-04 alle 15.32.02.png

Replies 5 (5)

Andrea59
Tourist
7 0 1

I found the way to hide the collection title on top the image / card using this CSS code:

.collection-card__content
{
opacity: 0 !important;
}

 

Works fine.

 

Now how can I display the collection title below the image / card using CSS ?

Andrea59
Tourist
7 0 1

Hi, thanks for your reply... I already know it... the setting for content position only move it but the title still on the image. I do not want the title to be on the image, I want it to be below the image (not as an overlay).

Andrea59
Tourist
7 0 1

Here you have the link: https://5g4tpt3gzqs2tez4-82404442455.shopifypreview.com

 

As I mentioned early I found the way to hide the content title using CSS, so is correct that now the title is not sown on the image in the first collection... but now I need it to be sown below the image (not as an overlay).

Andrea59
Tourist
7 0 1

Please see the image below, in the Dawn theme the collection title is sown under the image NOT on top the image. I would like to achieve the same with the impact theme if possible...

Screenshot 2024-04-04 alle 17.01.45.png

Andrea59
Tourist
7 0 1

Actually with some customization, that looks pretty well, at least the title isn't of top the image as an overlay... thank you so much for that!