How can I modify product text and price size and position?

[ozki]

Hey everyone, i have two questions,

1. i’m trying to change the text and price size of a product, i can’t figure out how to do it. See the attached picture what i mean.

2. is it possible to move it? So i can maybe set it above the picture instead or somewhere else?

icewellness.eu

pawcka

Any suggestions?

Thankful for any help!

/Ozki

[suyash1]

@ozki - for text size, please add this css to the very end of your base.css file and check

.card__heading .full-unstyled-link{font-size: 18px;}

and you can change price by going into products section in the backend and go to the required product

[harivishwakarma]

Hallo @ozki

You can add code by following these steps to change

1. Go to Online Store → Theme → Edit code > assets > base.css

paste below code at bottom(base.css)

**.card__heading a {**
**font-size: 31px;**
**}**
**span.price-item.price-item--regular {**
**font-size: 21px;**
**}**
**.collage__item .card__content {**
**order: -1;**
**}**

If you require any further information, feel free to contact me.

Best regards,

[PageFly-Richard]

Hi @ozki

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

.collage__item .card__content {
    order: -1;
}
.collage__item .card__content .card__heading {
    font-size: 15px;
}
.collage__item .card__content .price .price-item {
    font-size: 17px;
}

NOTE: You can change Value font-size to fit your website

I hope it would help you
Best regards,

Richard | PageFly