How to change text size, font & colour on, both screen and off- canvas menus? - Forum | JoomShaper
Staff replied SP Page Builder

How to change text size, font & colour on, both screen and off- canvas menus?

Asked by Roger 4 years ago Last activity 4 years ago

How to change both text size, font & colour on, both screen and off- canvas menus?

3 replies

Mehtaz Afsana Borsha Staff

Hi

Thanks for contacting us. Could you please mention which portion text,color do you want to change? Could you please explain it more? If possible give me a sreenshot of your issue please.

-Regards.

Roger Asked this

Hello,

The text in the menus. I.e the different pages of my site that are shown in the menus.. both on screen dropdown menu and off-canvas menu.

Joomla 4
Pagebuilder pro

Mehtaz Afsana Borsha Staff

Hi

Use this custom CSS and change it what you want

.sp-megamenu-parent>li.active>a{
    font-size:20px !important;
    font-family:Cursive !important;
    color:#7861d5 !important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
    font-size: 15px !important;
    font-family: cursive !important;
    color: #7861d5 !important;
}
.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li span{
    font-size:18px !important;
    font-family:cursive !important;
      color: #7861d5 !important;
}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Log in to reply.