Styling the off canvas menu - Forum | JoomShaper
Solved SP Page Builder

Styling the off canvas menu

Asked by Robert 5 years ago Last activity 5 years ago

Hi, any docs about how to style the off canvas menu. It looks a bit dull using the standard settings. Colors, some more space, lines etc.

Accepted answer

Marked as the solution
Mehtaz Afsana Borsha Staff
5 years ago

Add your css code inside the custom.css file.
Note: 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.
https://prnt.sc/pu705g
https://prnt.sc/pu70zn
In Extensions>Template> Template Options > Custom Code > Custom CSS please add this

Note: Any custom CSS that you add inside Page is only available with that particular page. If you would like to use it on the whole website, then you will need to cut and paste it inside custom CSS area from your Joomla template.

3 more replies

Oldest first Newest first Most helpful
Mehtaz Afsana Borsha Staff
5 years ago

Hi
Give me your site URL please

Robert Asked this
5 years ago · edited

Hi, Building om Mamp Pro. not transfered yet to a live server.

And where I find the bootstrap colors to edit (file)? They are not in the template settings (helix) 

<p class="text-muted">...</p>
<p class="text-primary">...</p>
<p class="text-success">...</p>
<p class="text-info">...</p>
<p class="text-warning">...</p>
<p class="text-danger">...</p>

I can use this in custom CSS like below right? Without it's get overwritten with an update: 

.text-primary {
    color: #0e71b8!important;
}
Robert Asked this
5 years ago

Yes, clear. Thank you.

Not an option add the (bootstrap) colors in the template options where you can set them to your needs? That way you can set the colors for the whole website in one time just like the fonts.

Log in to reply.