Home Page › Forums › Porto WordPress Support Articles › How to Fully Customize Product Labels: A Step-by-Step Guide
- This topic has 0 replies, 1 voice, and was last updated 7 months, 2 weeks ago by Aizaz Awan.
-
AuthorPosts
-
April 1, 2024 at 9:57 am #5985
Hello, @everyone,
Are you looking to enhance your WooCommerce store with custom product labels like “Hot” and “Sale”? With the Porto theme, you’re in luck! You have the flexibility to fully customize these labels to match your brand’s style and preferences. In this guide, we’ll walk you through the process step by step.
~Enable Product Labels:
Start by logging into your WordPress dashboard.
Navigate to Porto >> Theme Options >> WooCommerce.
In the WooCommerce settings panel, you’ll find options to enable product labels.
https://postimg.cc/Ny60KJfR~Change Label Colors:
Once you’ve enabled the labels, you can customize their colors to suit your store’s design.
Navigate to Dashboard >> Porto >> WooCommerce >> Styling.
In the Styling settings, you’ll find options to change the colors of the “Hot Sale” and “New” labels. Select your desired colors using the color picker or enter the HEX code.
https://postimg.cc/dk0KJ47s~Customizing Further with Custom CSS:
To take your customization even further, you have the option to apply additional styling using custom CSS. Below is an example of CSS code that you can use to further customize the appearance of the product labels:
.labels .onhot { font-size: 14px; /* Adjust font size */ border-radius: 5px; /* Add border radius */ /* Add any additional styling here */ }
change the (.onhot) above to (.onslae) for “SALE” and (.onnew) for “NEW” labels.
Simply copy the CSS code provided and paste it into your theme’s custom CSS section. You can find this section under Porto >> Theme Options >> Skin >> Custom CSS.
~Remove Labels:
To remove labels, please navigate to Dashboard >> Porto >> Theme Options >> WooCommerce, and uncheck the labels here.
https://postimg.cc/f3Mm80FnBy following these simple steps, you can fully customize the product labels on your WooCommerce store with the Porto theme. Whether you’re highlighting hot sale items or showcasing new arrivals, these customizable labels will help you attract more customers and boost sales. Start customizing your labels today and make your products stand out!
We hope this helps.
Regards,
Aizaz from PThemes. -
AuthorPosts
- You must be logged in to reply to this topic.