Home Forums WoodMart – Premium Template Product Labels color

This topic contains 16 replies, has 4 voices, and was last updated by Elise Noromit Elise Noromit 6 days ago.

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #51072

    Jarda
    Customer

    Hi.
    I created one own product attribute label. I changed backround and font color for this label: .product-label.attribute-label:not(.label-with-img) {
    background-color: rgba(213, 43, 151, 0.9);
    color: #fff;
    }
    It works fine.

    My question is: If I create multiple values for own label, they will all have the same background color and fonts. How do I set different colors for values of own attribute labels?

    Private Content Hidden
    #51115

    Hi,

    Each attribute label has its own unique CSS class and you can use them to change the color. Could you please send us a link to your shop page so we can give you an example of that class?

    Regards

    #51135

    Jarda
    Customer

    Of course. Thanks.

    Private Content Hidden
    #51139

    Use this code for example

    .label-term-skladem {
    	background-color: red!important;
    }
    
    .label-term-vyprodej {
    	background-color: green!important;
    }
    #51144

    Jarda
    Customer

    How simple 🙂 Thanks.

    I still have one question for the product details rectangular labels. In Mozilla and Safari browsers, the label on the right is not aligned with the image. After loading, the image moves to the left. Do you see that anyway?

    #51155

    Hello,

    Here is the view from Chrome http://prntscr.com/j1m3d6

    and here is Mozilf view http://prntscr.com/j1m7rr

    All the labels are on the left. Please clarify the issue.

    Best Regards

    #51158

    Jarda
    Customer

    I meant the single product detail page.

    #51163

    Hello,

    I have checked the single product page:

    Chrome http://prntscr.com/j1moeo on the right

    Mozilla http://prntscr.com/j1mo3g on the right

    Best Regards

    #51166

    Jarda
    Customer

    So we see it the same way. The label is not aligned with the image. Not solve it.

    Thank you for great support.

    #51185

    Hello,

    Please inform where did you expect it should be? Take any screen and sign out.

    Try this CSS code:

    .product-image-summary .product-images .labels-rectangular {
        top: 15px;
        left: auto;
        right: 0;
        margin-right: 2px;
    }

    Is it what you need?

    Best Regards

    • This reply was modified 11 months, 2 weeks ago by Elise Noromit Elise Noromit.
    #51194

    Jarda
    Customer
    #51195

    Jarda
    Customer

    Great, it works.

    Thanks

    #51206

    You are always welcome. If you have any questions feel free to contact us.

    Best Regards

    #113212

    janice_summer
    Customer

    Hi,

    I can’t translate those labels with WPML.
    There is no “string translations” for this.
    How can I translate them, I have three languages ?

    thx

    #113241

    Hello,

    Please provide your site admin access. The site access you provided earlier does not have WPML.

    Best Regards

    #113271

    janice_summer
    Customer

    Hi,

    I provided the admin login (with a changed password in the second post) here:
    https://xtemos.com/forums/topic/urgent-site-crashes-with-500-internal-server-error/

    regards

    #113293

    Hello,

    Try this string please http://prntscr.com/mynffj

    Best Regards

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

You must be logged in to reply to this topic.