Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Change background colour off-canvas menu

Featured Lock Resolved Issue
Hello

I can't see where to change the colour of the off-canvas menu, we are using Preset 4, and the off-canvas background is appearing as brown when it should be green.

Thanks for your help
Pam

Attachments (1)

  • off canvas.JPG
    off canvas.JPG 22.7 KB

4 Answers

Marat Sadovnicov

More than a month ago #Permalink
Hello

I can't see where to change the colour of the off-canvas menu, we are using Preset 4, and the off-canvas background is appearing as brown when it should be green.

Thanks for your help
Pam



Hello

Try edit:

/templates/shaper_rhino/css/template.css

line: 1053

http://prntscr.com/ls0ezy

Pavel

More than a month ago #Permalink
/templates/shaper_rhino/css/template.css

line: 1053

It is not right. Any editing will be erased after updating the template.
I can't see where to change the colour of the off-canvas menu, we are using Preset 4, and the off-canvas background is appearing as brown when it should be green.

Create a file in the css folder with the name custom.css (read the documentation of Helix 3).
Paste the following code into the custom.css file (pick the color you want).

.offcanvas-menu {
background-color: #51cf29;
}

You can choose the color using the browser code inspector. Then you can copy and paste this code into the custom.css file.
http://dl4.joxi.net/drive/2018/12/07/0008/0401/545169/69/56565e7800.png

RP Translate

More than a month ago #Permalink
Hi Pavel

Thanks for your reply. I've added the code to the custom.css file and it works!

Thanks very much for your help

Pam

Pavel

More than a month ago #Permalink
You are welcome


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 157
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 85
Toufiq

Toufiq

Total Accepted Answers: 26
Al Mamun

Al Mamun

Total Accepted Answers: 3
Pavel

Pavel

Total Accepted Answers: 3

113

Templates

289367

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us