How to display category text on pictures without arrows?

Store Design
1

Hello, i would like to get the text of the categories on the picture and remove the arrow. Help pls.

ddddd.PNG
ddddd.PNG431×349 71 KB

2

Hi @Lennardb19 ,

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/component-card.css->paste below code at the bottom of the file:

.collection-list {
    position: relative;
}
.collection-list .card__inner + .card__content {
    position: absolute;
    z-index: 1;
    bottom: 0;
    background: rgba(255, 255, 255, 0.2);
}
.collection-list .card__inner + .card__content .icon-wrap {
    display: none;
}

I hope it would help you

3

It worked thank you. Is it possible to click the picture to get to the categorie?

Now the customer has to click the Text. Any chance to change?

4

Hi @Lennardb19 ,

Sure, I’m happy to help you. Let’s try this solution:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/component-card.css->replace previous code by below code:

.collection-list {
    position: relative;
}
.collection-list .card__inner + .card__content {
    height: 0 !important;
}
.collection-list .card__inner + .card__content .full-unstyled-link {
    position: absolute;
    z-index: 1;
    bottom: 0;
    height: 100%;
    width: 100%;
    display: flex;
    background: rgba(255, 255, 255, 0.2);
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 20px;
}
.collection-list .card__inner + .card__content .icon-wrap {
    display: none;
}

I hope it would help you