Home › Forums › WoodMart support forum › Text transform on hover

Text transform on hover

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 24, 2025 at 9:41 pm #640645

    vynil
    Participant

    Hi team, I notice that on hover the “add to cart” button text is capitalized. I’d like the text transform to be set to “normal”. How can this be done? Is there a setting (if so, I couldn’t find it) or just with custom code? Thank you in advance.

    Attachments:
    You must be logged in to view attached files.
    February 24, 2025 at 11:12 pm #640666

    vynil
    Participant

    Also, on the same site, for this product (attached in private area), I have a longer attribute name, so the “Clear” button appears outside the box instead of in a new line. Any insights, please?

    Attachments:
    You must be logged in to view attached files.
    February 25, 2025 at 1:30 pm #640828

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    01. Navigate to Theme Settings > Styles and Colors> Buttons > In the Advanced button styles section, you can select the Add to Cart button in the dropdown and change the text transform and other font settings: https://ibb.co/zTRdCkcs

    Please Follow this guide: https://xtemos.com/docs-topic/advanced-button-styles/

    02. Please add below Custom CSS code to Theme Settings > Custom CSS > Desktop CSS:

    .single-product .wd-reset-var {
    display: flex !important;
       justify-content: center !important;
    width: 100% !important;
    margin-top: 20px !important;
}

    Best Regards,

    February 25, 2025 at 5:32 pm #640926

    vynil
    Participant

    Hello, thanks, the code worked! As to the first point, which of the options are you referring to? Screenshot attached. Thanks in advance!

    Attachments:
    You must be logged in to view attached files.
    February 26, 2025 at 10:32 am #641026

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS to fix this.

    .wd-product.wd-hover-alt .wd-add-btn>a span {
    text-transform:none;
}

    Best Regards,

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