eventum - Forum | JoomShaper
Solved Templates

eventum

Asked by Zbigniew Krełowski 5 years ago Last activity 5 years ago

Hi,
how can I change backgroung colour of offcanvas (not in presets)?

Zbigniew

Accepted answer

Marked as the solution
Mehtaz Afsana Borsha Staff
5 years ago

Hi
For background color use this custom css

.offcanvas-menu {
    background: #16b29d !important;
}

For toggler bigger use this custom css

#offcanvas-toggler > i{
  font-size:22px !important;
  line-height:3 !important;
}

7 more replies

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

Hi,

Use this custom css

#offcanvas-toggler >i{
  color:#e22a2a !important;
}

Add this 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
Thanks

Zbigniew Krełowski Asked this
5 years ago

Hi,
thanks.
It was not about toggler (btw, how to make it bigger?).

It is about backgroud colour of canvas. When you clik on toggler you have full menu.
Now it is on red background and I wan to change it.

Zbigniew

Zbigniew Krełowski Asked this
5 years ago

Hi, thanks.
That is it!

Last questionn - how to change colour of toggler when the mouse is over?

Zbigniew

Mehtaz Afsana Borsha Staff
5 years ago

For toggler hover use this css code

#offcanvas-toggler > i:hover{
  color:red !important;
}
Zbigniew Krełowski Asked this
5 years ago

Thanks a lot.
zbigniew

Mehtaz Afsana Borsha Staff
5 years ago

You are always welcome :)

Log in to reply.