Shopify themes, liquid, logos, and UX
Hi, anyone has any idea on how to change the font size of the product description under the "featured collection" in the product page? thanks thanks.
URL: gallery0206.com password:123456
Solved! Go to the solution
This is an accepted solution.
Hi @JacJacC,
I've reviewed your store and observed that the CSS code that you have added is working. I am making some changes in the code to make the section appear like the homepage featured collection section. You can modify the font-size, line-height values to as per your need.
.card__heading p {
font-size: 12px !important;
font-weight: normal;
line-height: 1.2;
margin: 0 0 10px 0;
padding: 0;
}
.card__heading p span {
font-size: 12px !important;
font-weight: normal;
line-height: 1.2;
margin: 0;
padding: 0;
}
.card__heading a {
display: block;
font-size: 18px;
font-weight: bold !important;
margin: 0 0 10px 0;
padding: 0;
}
Once you've added the CSS code on the section's custom CSS block, save your changes, and the issue should be resolved. If you need further assistance, feel free to reach out.
Thank you.
h3 {
font-size: 18px;
font-weight: bold !important;
margin: 0;
padding: 0;
}
p {
font-size: 10px;
font-weight: normal;
line-height: 1;
margin: 0.1;
padding: 0;
}
I tried this in the CSS on the page, but the font size didn't change at all
This is an accepted solution.
Hi @JacJacC,
I've reviewed your store and observed that the CSS code that you have added is working. I am making some changes in the code to make the section appear like the homepage featured collection section. You can modify the font-size, line-height values to as per your need.
.card__heading p {
font-size: 12px !important;
font-weight: normal;
line-height: 1.2;
margin: 0 0 10px 0;
padding: 0;
}
.card__heading p span {
font-size: 12px !important;
font-weight: normal;
line-height: 1.2;
margin: 0;
padding: 0;
}
.card__heading a {
display: block;
font-size: 18px;
font-weight: bold !important;
margin: 0 0 10px 0;
padding: 0;
}
Once you've added the CSS code on the section's custom CSS block, save your changes, and the issue should be resolved. If you need further assistance, feel free to reach out.
Thank you.
Hey Community! As we jump into 2025, we want to give a big shout-out to all of you wh...
By JasonH Jan 7, 2025Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024