Home Forums WoodMart support forum Add images to product label

Add images to product label

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #124443

    DiegoHW
    Participant

    I wonder if it’s posible to adding icon (image) to product label, I don’t want to have New because my website is in spanish so if I use Nuevo (New in spanish) seems wird.

    I would also like to generate a new label for promotional weeks and add an image made for that campaign as Hotsale.

    #124502

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    /*sales*/ 
        background-image: url(https://woodmartcdn-cec2.kxcdn.com/wp-content/uploads/2015/12/newsletter-new.jpg?id=9309);
    background-repeat: no-repeat;
    }
    /*hot*/
    body .labels-rectangular .featured {
        background-image: url(https://woodmartcdn-cec2.kxcdn.com/wp-content/uploads/2015/12/newsletter-new.jpg?id=9309);
    background-repeat: no-repeat!;
    }
    /*new*/
    body .labels-rectangular .new{
        background-image: url(https://woodmartcdn-cec2.kxcdn.com/wp-content/uploads/2015/12/newsletter-new.jpg?id=9309);
    background-repeat: no-repeat;
    }

    Replace the image URLs.

    Best Regards

    #124776

    DiegoHW
    Participant

    Hi Elise!

    I put the code but don’t work :(, can you help me?

    Thanks

    #124784

    davidmontana
    Participant

    Elise’s code had some errors, try this out:

    /*sales*/
    body .labels-rounded .sales {
    background-image: url(https://woodmartcdn-cec2.kxcdn.com/wp-content/uploads/2015/12/newsletter-new.jpg?id=9309);
    background-repeat: no-repeat;
    }
    /*hot*/
    body .labels-rounded .featured {
    background-image: url(https://woodmartcdn-cec2.kxcdn.com/wp-content/uploads/2015/12/newsletter-new.jpg?id=9309);
    background-repeat: no-repeat;
    }
    /*new*/
    body .labels-rounded .new{
    background-image: url(https://woodmartcdn-cec2.kxcdn.com/wp-content/uploads/2015/12/newsletter-new.jpg?id=9309);
    background-repeat: no-repeat;
    }

    This code puts a background image to the label….

    #124881

    Hello,

    Have you soled the issue? If you have not, please add this corrected code:

    /*sales*/ 
    body .labels-rounded .sales {
        background-image: url(https://woodmartcdn-cec2.kxcdn.com/wp-content/uploads/2015/12/newsletter-new.jpg?id=9309);
    background-repeat: no-repeat;
    }
    /*hot*/
    body .labels-rectangular .featured {
        background-image: url(https://woodmartcdn-cec2.kxcdn.com/wp-content/uploads/2015/12/newsletter-new.jpg?id=9309);
    background-repeat: no-repeat!;
    }
    /*new*/
    body .labels-rectangular .new{
        background-image: url(https://woodmartcdn-cec2.kxcdn.com/wp-content/uploads/2015/12/newsletter-new.jpg?id=9309);
    background-repeat: no-repeat;
    }

    Best Regards

Viewing 5 posts - 1 through 5 (of 5 total)