Home Forums WoodMart support forum typography

typography

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

    adpwebdesign.it
    Participant

    Hi,
    can you pls suggest the CSS or the custom selectors to change the color of “Categories” in the title area of the shop page on mobile (screenshot attached) from black to white, and also of subitems from black to white and small arrow icon to expand a menu item from greyish to white (screenshot 2 attached).
    Thanks

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

    Hung Pham
    Participant

    Hi adpwebdesign.it,

    Thanks for reaching to us.

    Please remove this Custom CSS from Theme Settings > Custom CSS https://ibb.co/6cYtQv7W

    And use below Custom CSS:

    .wd-btn-show-cat.wd-action-btn>a{
        color: #fff;
    }

    Regards,

    #640636

    adpwebdesign.it
    Participant

    Hi, sorry but I cannot find such CSS in Theme Settings > Custom CSS. So where should I find it exactly?
    Thanks

    #640744

    Hung Pham
    Participant

    Hi adpwebdesign.it,

    Please read our documentation to find Theme Settings panel https://xtemos.com/docs-topic/theme-settings-panel/

    Regards,

    #640933

    adpwebdesign.it
    Participant

    Hi,
    sorry for the misunderstanding. I know where Theme Settings > Custom CSS is.
    But the specific CSS yoi sent in the screenshot I cannot find it anywhere there. See my Custom CSS below. Which one is the one I must remove according to your solution of February 24, 2025 at 7:21 pm? Thanks

    /*social sticky icons*/
    .wd-sticky-social .wd-icon {
    font-size: 17px;
    }
    .wd-social-icons .social-facebook {
    border-radius: 5px;
    }

    .wd-sticky-social.wd-social-icons .social-instagram {
    –wd-social-color: white !important;
    –wd-social-bg: #DD3C80 !important;
    border-radius:5px;
    }
    .wd-sticky-social.wd-social-icons .social-whatsapp {
    –wd-social-bg: #00B52C !important;
    –wd-social-color: white !important;
    border-radius:5px;
    }
    /*menu hover color*/
    .wd-nav.wd-style-default {
    –nav-color-hover: #55BAB5;
    }
    /*top bar shipping text*/
    .toptop {
    font-size: 15px !important;
    }
    /*floating social icons*/
    .wd-social-icons.wd-sticky-social .wd-icon {
    width: 35px;
    }
    .wd-social-icons.wd-sticky-social .wd-social-icon {
    min-width: 35px;
    }
    /*colore icona freccia breadcrumbs*/
    .wd-checkout-steps li:after {
    color: black;
    }
    /*colori sottomenu categorie pag shop*/
    ul.wd-dropdown {
    background-color: #fff;
    }
    .wd-nav-product-cat .wd-sub-menu {
    –sub-menu-color: black;
    –sub-menu-color-hover: black;
    }
    /*colori sottomenu categorie pag shop mobile
    .wd-btn-show-cat.wd-action-btn>a{
    color: #fff;
    }*/
    /*colori importo gift*/
    .ywgc-predefined-amount-button.selected_button {
    background-color: #efefef;
    }
    /*hide tabs from gift product page*/
    body.single-product.postid-23200 .product-tabs-wrapper {
    display: none !important;
    }
    /*hide single product tag*/
    .tagged_as {
    display: none!important;
    }
    /*hide single product page sizes*/
    .product .woocommerce-product-attributes-item–attribute_pa_taglia {
    display: none;
    }
    /*correct bug on homepage editing*/
    .e-preview–show-hidden-elements[data-elementor-device-mode=desktop] .elementor-edit-area-active .elementor-hidden-desktop:has(.wd-carousel),
    .e-preview–show-hidden-elements[data-elementor-device-mode=laptop] .elementor-edit-area-active .elementor-hidden-laptop:has(.wd-carousel),
    .e-preview–show-hidden-elements[data-elementor-device-mode=mobile] .elementor-edit-area-active .elementor-hidden-mobile:has(.wd-carousel),
    .e-preview–show-hidden-elements[data-elementor-device-mode=mobile_extra] .elementor-edit-area-active .elementor-hidden-mobile_extra:has(.wd-carousel),
    .e-preview–show-hidden-elements[data-elementor-device-mode=tablet] .elementor-edit-area-active .elementor-hidden-tablet:has(.wd-carousel),
    .e-preview–show-hidden-elements[data-elementor-device-mode=tablet_extra] .elementor-edit-area-active .elementor-hidden-tablet_extra:has(.wd-carousel),
    .e-preview–show-hidden-elements[data-elementor-device-mode=widescreen] .elementor-edit-area-active .elementor-hidden-widescreen:has(.wd-carousel) {
    display: block;
    }

    #641146

    Hung Pham
    Participant

    Hi adpwebdesign.it,

    Please see screenshot for better understanding https://ibb.co/tPXG3Trb

    Regards,

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