Move product name and price over image in featured collection

Store Design
, ,
1

Hi, my shop is using the dawn theme, and we want to be able to put the product name and price over the image in the featured collection section. Is this possible?

https://wearlimelight.com/

limelight91_0-1673497149433.png
limelight91_0-1673497149433.png1834×1058 307 KB

2

Hello @limelight91 ,

Please share the password to access the store. Your store is currently password protected.

3

Hello @limelight91 ,

It’s GemPages support team and glad to support you today.

Could you please share your store password then I can see and suggest something for you?

GemPages_0-1673504426143.png
GemPages_0-1673504426143.png1916×968 44.8 KB

Best regards,
GemPages Support Team

4

@limelight91

Hello,

I have Check Your Store. Your Store its Password Protected So Can You Please Share Store Password

5

Hi @limelight91 ,

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

.collection .product-grid .card-information {
    position: absolute;
    bottom: 2rem;
    left: 2rem;
}

Hope it helps!

6

Hi Litos!

Thank you! It really did help, but it only moved the price and not the name of the item. Do you know how to adapt the code to also move the name of the item?

7

Hi @limelight91 ,

Please send me the password. I will check it.

8

Hi Litos, there should be no password now. Should I create one?

wearlimelight.com

9

Hi @limelight91 ,

I need to check the details, so please send me the password, if you want privacy, you can send it via private message.

10

Hi Litos,

sent!

Thank you

11

Hi @Litos ,

Let me know if you need anything else!

Thank you!

12

Hi Litos,

I sent the password to your inbox.

Thank you!

13

Hi @limelight91 ,

Please remove my previous code and re-add the following code:

.product-grid .card {
    position: relative;
    height: auto !important;
}
.product-grid .card__content {
    position: absolute;
    bottom: 2rem;
    left: 2rem;
}

Hope it helps!

14

Thank you very, very much! It worked perfectly!