typography

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.

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,

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

Hi adpwebdesign.it,

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

Regards,

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;
}

Hi adpwebdesign.it,

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

Regards,

[Author]

Posts