Re: how to change the product description font size from the featured collection under the product p

Solved

how to change the product description font size from the featured collection under the product page?

JacJacC
Excursionist
42 0 9

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 

 

Image 7-5-2024 at 8.38 PM.jpeg

Accepted Solution (1)
Atanu_Sarkar
Shopify Partner
10 3 3

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.

View solution in original post

Replies 4 (4)

JacJacC
Excursionist
42 0 9

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

Atanu_Sarkar
Shopify Partner
10 3 3

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.

JacJacC
Excursionist
42 0 9

thanks a lot @Atanu_Sarkar it works perfect!!!! 😘

Atanu_Sarkar
Shopify Partner
10 3 3

@JacJacC Welcome.