How to Fully Customize Product Labels: A Step-by-Step Guide

Home Page Forums Porto WordPress Support Articles How to Fully Customize Product Labels: A Step-by-Step Guide

Viewing 1 post (of 1 total)
  • Author
    Posts
  • #5985
    Aizaz Awan
    Keymaster

        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/f3Mm80Fn

        By 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.

      Viewing 1 post (of 1 total)
      • You must be logged in to reply to this topic.
      Customize Icon
      Need Customization? We specialize in delivering high-quality web and mobile design/development services to our clientele. Should you require customization services, please do not hesitate to reach out to us at your convenience.