Home › Forums › WoodMart support forum › Change Attribute product page

Change Attribute product page

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • February 2, 2023 at 11:53 pm #440039

    antoniosvan
    Participant

    Hello
    How can i change the location, the size of the attribute product label and the rounded shape ?

    February 3, 2023 at 3:52 pm #440250

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    You can check out the following Theme Documentation guide in this regard related to Product Labels:
    https://xtemos.com/docs-topic/product-labels/

    Hope this helps !

    Further, for the options related to their styling, you can go to Dashboard > Theme Settings > Shop > Product labels > there you can find some more options related to their styling: https://xtemos.com/wp-content/uploads/2020/09/product-labels-wd-7.jpg

    Best Regards.

    February 3, 2023 at 4:03 pm #440251

    antoniosvan
    Participant

    Thank you
    but i want change the text size and the location in the grid style for the attribute products
    For example move the text up and right

    February 4, 2023 at 11:14 am #440410

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Sorry to say but there isn’t a separate option available in this regard.

    Although, a Custom CSS can be tried off in this regard if applicable here.

    So, could you please share the exact Page URL on your Site along with the Screenshot where exactly you want the Label on the Product grid so that we can try to provide you the Custom CSS for that (if applicable).

    Best Regards

    February 4, 2023 at 1:58 pm #440420

    antoniosvan
    Participant

    I attach page url.

    February 4, 2023 at 3:18 pm #440437

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    To make the Labels move to right, please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section:

    .product-labels {
    right: 0 !important;
    left: auto !important;
}

    And to increase the size of the text on the Labels, please try using the following one:

    .product-labels .attribute-label {
    font-size: 8px !important;
}

    In this CSS, you can change the value of the pixels to your choice.

    Best Regards

    February 4, 2023 at 3:32 pm #440441

    antoniosvan
    Participant

    Thank youuuuuu 😍

    February 4, 2023 at 3:52 pm #440444

    antoniosvan
    Participant

    Do you have Custom CSSfor the only “sales” label has cycle shape?

    February 6, 2023 at 10:35 am #440694

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section:

    .onsale.product-label {
  padding: 15px 10px !important;
  border-radius: 35px !important;
}

    In this CSS, the border-radius property will make the edges go round and the padding property will make the space adjust in a manner that the label would look circular. You can modify the values of border-radius and padding here according to your choice that best suits you.

    Hope this helps !

    Best Regards

    February 8, 2023 at 3:48 am #441235

    antoniosvan
    Participant

    Can i make the Labels move to right only attribute labels?

    February 8, 2023 at 12:29 pm #441338

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section:

    .product-labels .attribute-label {
    position: absolute !important;
    right: -16em !important;
    left: auto !important;
}

    Hope this works out for you !

    Best Regards

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)