Hello I was wondering if there was a way to adjust the font size of the price, the theme settings slider is all the way down and I cant seem to figure out how to make it smaller than the product title. I would also like to nudge the price up so that the top of the price lines up with the top of the title rather than how it is right now. Any help would be appreciated. My site is rezith.com
Hi @Rezithclo,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file component-card.css
Step 3: Paste the below code at bottom of the file → Save
#MainContent slider-component .card__content>.card__information{
display: flex;
flex-direction: row-reverse;
column-gap: 10px;
}
#MainContent slider-component .card__content>.card__information .card__heading.h5{
width:100%
}
#MainContent slider-component .card__content>.card__information .card-information{
display: inline-block;
width: auto;
margin-top: -10px;
}
#MainContent slider-component .card__content>.card__information .card-information .price-item{
font-size:12px
}
Hope my solution works perfectly for you!
Best regards,
Victor | PageFly
hello, I checked out your shop.
Your shop price is now placed below the title. If you want to increase the price font size you can use.
.card__content .price{
font-size:2rem;
}
Hello @rezithclo ,
It’s the GemPages Support Team and we are glad to assist you today!
I would like to give you the recommendation to support you so kindly follow the steps below:
- Go to Online Store > Theme > Edit code of your current theme
-
Open your theme.liquid theme file
-
Paste the below code before
Let us know how it works for you.
Best regards,
GemPages Support Team