give product name background color

Solved

give product name background color

sixdreamz
Explorer
110 0 37

hey,

 

could you help me to give my product names a greyish background color?

 

sixdreamz_0-1727421500367.png

 

 

url: sixdreamz.com

password: sdc2003

Accepted Solution (1)

websensepro
Shopify Partner
1869 220 266

This is an accepted solution.

Hi @sixdreamz 
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

 

 

<style>
.card__information {
    background-color: #d3d3d3;
}
</style>

websensepro_0-1727421736918.png

 

 

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP

View solution in original post

Replies 4 (4)

websensepro
Shopify Partner
1869 220 266

This is an accepted solution.

Hi @sixdreamz 
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

 

 

<style>
.card__information {
    background-color: #d3d3d3;
}
</style>

websensepro_0-1727421736918.png

 

 

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP

Tech_Coding
Shopify Partner
514 132 131

Hello @sixdreamz 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .card--standard>.card__content .card__information {
      background: #80808057 !important;
   }
</style>

Tech_Coding_0-1727421972456.png

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.

Sam416
Shopify Partner
35 2 4

Hi @sixdreamz 
adjust color as per need.
<style>
.card__information {
background-color: #cccccc !important;
}
</style>

Shopify Expert | E-commerce Specialist | Custom Shopify App Development | Shopify Theme Customization & Bug Fixing | Buy Me A Coffee| Hire me| Contact Me on WhatsApp

Rahul_dhiman
Shopify Partner
772 147 158

Hello @sixdreamz 
Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> component-card.css
add this code at the end of the file.

.card__information {
background: #efd6b1 !important;
}

result
4.png

If this was helpful, hit the like button and accept the solution.
Thanks

Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront

Contact here


BEST CUSTOMER ACCOUNTS APP WITH CUSTOM WISHLIST OPTION 
TRY OUR APP :

PWC: Customer Accounts & Pages