My product title and price aren't showing up on the product grid. (DAWN)

[cureblame]

How do I make the price and product name under the product appear? I had a past coder I worked with get rid of them/ or made them transparent.

URL:cureblame.com

PASS:dthdrv00

[Sweet_Savior_3]

Hello @cureblame 

Welcome to Shopify Community.

Kindly please add below CSS in theme.liquid above </head> tag.

.card__heading {
 opacity: 1;
}
body .card-information > .price {
    display: block !important;
    font-weight: 700;
}

OUTPUT:

Thanks

[cureblame]

It didn’t work

[Sweet_Savior_3]

Please remove the previous code and add the below code above </head> tag.

<style>
.card__heading {
 opacity: 1;
}
body .card-information > .price {
    display: block !important;
    font-weight: 700;
}
</style>

[cureblame]

it only shows the price

[Sweet_Savior_3]

add important here:

.card__heading { opacity: 1 !important; }

[cureblame]

it doesn't work above </head on theme.liquid . I tried, the code appears at the header

[Sweet_Savior_3]

Can you share the screenshot of the code you added ?

[Anshul_arora · Accepted solution]

Hello @cureblame ,

Please add the code at the bottom of the theme.liquid file before </body> tag and save.

<style>
.card__heading {
opacity: 2 !important;
}
.card-information > .price {
display: block !important;
}
</style>

I hope it will work.

Thank you.

[cureblame]

Thanks, it worked but can you help me customize it and make it the text smaller

[Anshul_arora]

Hello  @cureblame ,

I am glad the above-shared solution helps you.

Please add the below-mentioned for changing the font size.

[Place the code at the bottom of the theme.liquid file before </body> tag and save.]

<style>
.card__heading a {

font-size: 10px !important; /*This font-size will be applied on Product name */

}

.card-information .price {

font-size: 10px !important; /* This font-size will be applied on Product Price */

}

</style>

[Please feel free to change the px font size as per your requirements. ]

If it works as per your needs, please like & accept the solution.

Thank you.

[Vinsinfo]

@cureblame Please follow below steps to display product title and price. Let me know whether it is helpful for you.

1. From admin go to "Online stores" -> "Themes"

2. Click action button from the current theme and select "Edit code".

3. Search for "component-card.css" file and paste the below code at the bottom of the file.

.card__content .card__heading {
    opacity: 1 !important;
}
.card__content .card-information .price{
    display: block !important;
}

Result will be like,

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.