How to move collection title in the image?

[luxicy999]

Hello,

I want to move my collection title in the image instead of being at the bottom and also remove the arrow next to it. I have tried various suggestions, but I have not found one to work for me. My site is luxicy999.com

Thank you very much!

[GemPages]

Hello @luxicy999

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

You can follow these steps:

1. Go to Online Store → Theme → Edit code

2. Open your base.css file and paste the following code below:

.card:not(.ratio)>.card__content {
    z-index: 9;
}
.card--standard>.card__content .card__information {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: -60px;
}
.card--standard>.card__content .card__information .full-unstyled-link{
    color: #fff;
}
.card--standard>.card__content .card__information .icon-wrap{
    display: none;
}

If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team

[EBOOST]

hi @luxicy999

May I suggest these steps:

1. Go to Store Online-> theme → edit code
2. Assets/component-card.css
3. Copy code below to bottom of file

4. To update number item. I saw it have a class here maybe it related to config in the customize if it doesn’t have you can go file that contais this code after update grid–4-col-desktop to grid–3-col-desktop

Hope can help

If you find my reply helpful, please hit Like and Mark as Solution

EBOOST

[luxicy999]

Thank you very much! It worked but why did 2 arrows pop up out of nowhere ?

[GemPages]

You can add this code to the theme.liquid file before :

If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team

[luxicy999]

Thank you very much! It worked but how can I move the text more to the right ?