Home Forums WoodMart support forum Attribute CSS

Attribute CSS

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #315974

    wuchuanmin
    Participant

    Hello,

    How can I change the swatch display for size attribute?

    From the exiting text display and underlined when hover or selected,
    to a bordered box button and change the box button color when hover or selected.

    Please see the attached image.

    Kindly advise, thank you.

    Attachments:
    You must be logged in to view attached files.
    #316000

    Hello,

    I saw the screenshot you attached.

    Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

    And see if this works for you otherwise it requires Customizations.

    .swatch-on-single {
        border: 2px solid grey;
        padding: 10px;
    }
    
    .wd-swatch.swatch-on-single.text-only.swatch-size-default.active-swatch.swatch-enabled {
        background-color: aqua;
    }
    
    .swatch-on-single.swatch-enabled:hover {
        background: red;
    }
    
    .wd-swatch:hover:after, .wd-swatch.active-swatch:after {
        opacity: 0;
    }

    Regards.
    Xtemos Studios.

    #316017

    wuchuanmin
    Participant

    CSS information is missing on this page when i adding the Custom CSS

    Attachments:
    You must be logged in to view attached files.
    #316040

    Hello,

    Please provide the admin panel login details of the website to check it myself and help you out accordingly.

    Best Regards

    #316392

    wuchuanmin
    Participant

    it is working now. i want the swatch attribute font size is normal and hover is Bold, cloud you give me this Custom CSS?

    #316407

    Hello,

    We are Glad that the CSS is working now.

    Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

    .swatch-on-single {
        font-weight: normal;
    }
    
    .swatch-on-single.swatch-enabled:hover {
        font-weight: bold;
    }

    Regards.
    Xtemos Studios

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