Home › Forums › WoodMart support forum › Product label size

Product label size

Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • June 20, 2024 at 4:49 pm #574221

    Coolenator
    Participant

    Hi! I can’t get the product labels with the 40% off to go bigger, any ideas on how to do this?

    June 21, 2024 at 9:51 am #574342

    Hung Pham
    Keymaster

    Hi Coolenator,

    Thanks for reaching to us.

    Try to add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

    .product-label.onsale{
	min-width: 100px;
}

.product-labels.labels-rounded .product-label.onsale{
	min-height: 100px;
}

    Regards,

    June 21, 2024 at 11:00 am #574392

    Coolenator
    Participant

    Hi! Thanks! I added the code but it made the label more long haha, see screenshot

    Attachments:
    You must be logged in to view attached files.
    June 22, 2024 at 9:00 am #574589

    Hung Pham
    Keymaster

    Hi Coolenator,

    You can change the width value to make it shorter.

    Regards,

    June 22, 2024 at 3:09 pm #574688

    Coolenator
    Participant

    But can I make the tekst bigger? On the WoodMart product label explanation page the labels are way bigger than the ones that show on mine. See screenshot

    June 22, 2024 at 3:10 pm #574689

    Coolenator
    Participant

    attached

    Attachments:
    You must be logged in to view attached files.
    June 24, 2024 at 6:47 am #574799

    Hung Pham
    Keymaster

    Hi Coolenator,

    First of all, I’m really sorry have taken long time to reply you due to the weekend.

    Go to Theme Settings > Typography > Advanced. In this area, you can assign elements to below Custom Class:

    span.product-label

    Please refer to our documentation https://xtemos.com/docs-topic/advanced-typography-settings/

    Regards,

    June 24, 2024 at 9:27 pm #575072

    Coolenator
    Participant

    Great Thanks.

    • This reply was modified 5 months, 3 weeks ago by Coolenator.
    Attachments:
    You must be logged in to view attached files.
    June 24, 2024 at 9:35 pm #575076

    Coolenator
    Participant

    It seems that on mobile it doesn’t want to change the length of the banner, even when I change the font.

    June 24, 2024 at 9:40 pm #575080

    Coolenator
    Participant

    Also is there a way to specify which product labels get which size? For example now the sold out label and new label is also really big. But I only want the discount label to be big

    Attachments:
    You must be logged in to view attached files.
    June 25, 2024 at 7:40 am #575155

    Hung Pham
    Keymaster

    Hi Coolenator,

    To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

    Regards,

    July 1, 2024 at 11:07 am #576644

    Coolenator
    Participant

    Hi, I keep putting the details in the forum but not sure if it sent properly. Here they are again!

    July 2, 2024 at 10:31 am #576961

    Hung Pham
    Keymaster

    Hi Coolenator,

    Admin credential is incorrect, please check again.

    Regards,

    July 2, 2024 at 11:02 am #576987

    Coolenator
    Participant

    Ah okay try:

    • This reply was modified 5 months, 2 weeks ago by Coolenator.
    July 2, 2024 at 1:28 pm #577048

    Hung Pham
    Keymaster

    Hi Coolenator,

    Please disable Wordfence 2FA Code temporary https://prnt.sc/aRXx-BlPJanq

    Regards,

    July 2, 2024 at 1:46 pm #577050

    Coolenator
    Participant

    Whoops sorry, okay disabled now!

    July 3, 2024 at 8:40 am #577267

    Hung Pham
    Keymaster

    Hi Coolenator,

    Thanks for details.

    I checked the settings and saw that font-size and width values are applied to mobile as well https://prnt.sc/xPkxEzv0ceCx

    Also, the .onsale class will effects to discount only https://prnt.sc/EZ4areqwyk6G

    Regards,

    July 3, 2024 at 3:49 pm #577469

    Coolenator
    Participant

    Hi, ah thank you! One last question!
    For the product labels on the frequently added products, they still appear quite large ( see screenshot)

    Attachments:
    You must be logged in to view attached files.
    July 4, 2024 at 8:32 am #580828

    Hung Pham
    Keymaster

    Hi Coolenator,

    Please add .wd-products:not(.related-products) class Before above Custom CSS, for e.g:

    .wd-products:not(.related-products) span.product-label

    Regards,

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