Change The 'normal' And 'hover' (active Link) Colors Of The Contact Phone Number And Email Address.
RC
Hello Joomshaper,
I wish to change the 'normal' and 'hover' (active link) colors of the contact phone number and email address of the offcanvas menu but cannot find where that is located. Can you help?
The website in question is located in the 'hidden content' section of this message.
Blessings, Rob
Joomla v5.1.4 Joomshaper v5.40 Template Homify
Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks for contacting us. Use this CSS in your custom.css file
.offcanvas-menu .offcanvas-inner a {
color: #fff !important;
}
.offcanvas-menu .offcanvas-inner a:hover, .offcanvas-menu .offcanvas-inner a:focus, .offcanvas-menu .offcanvas-inner a:active{
color: red !important;
}
-Regards.
RC
Accepted AnswerMehtaz,
Thank you for your quick reply. Your solution worked in part. However, it changed ALL of the menu items which was not my original question. I only wish to have the CONTACT colors change.
How do I do that?
Blessings, Rob
Mehtaz Afsana Borsha
Accepted AnswerDo you want to change only this color?
Mehtaz Afsana Borsha
Accepted AnswerCould you please check your site URL?
Mehtaz Afsana Borsha
Accepted AnswerHi
These all are in a single div, that's why if you change the email and phone number color then the upper portion will also be changed. In that case, you can use the CSS which I already gave you.
And for burger icon you can use this CSS
.burger-icon>span{
background-color: #000 !important;
}
And its should be the same on the landing page and hamburger page as it takes the same CSS class.
RC
Accepted AnswerHello Mehtaz,
I'm going to give you an URL to my sandbox site.
For this question I wish to focus on the Hamburger and X on the off-canvas/slide out menu.
The CSS info you gave me changed the Hamburger to black. Which works very well on the plane white landing page (with the horse head). However, it also turns the 'X' black which cannot be seen well against the dark menu color.
I do not understand how to resolve that. Can you step me through were to put the proper info?
This is the Custom CSS which I currently have on this sandbox. I'm fairly certain you can already obtain that info via an 'inspect' command. Nevertheless, I placed it below.
Blessings, Rob
.offcanvas-menu .offcanvas-inner a { color: #fff !important; }
.offcanvas-menu .offcanvas-inner a:hover, .offcanvas-menu .offcanvas-inner a:focus, .offcanvas-menu .offcanvas-inner a:active{ color: ffa800 !important; }
.burger-icon>span{ background-color: #000 !important; }
RC
Accepted AnswerHello Mehtaz,
I just happened to have logged in and saw that you posted this.
"These two portions....." Which two portions? I admit, I do not understand.
Can you post the proper CSS so that I may copy and paste it into place?
Blessings, Rob
RC
Accepted AnswerHello Mehtaz,
I kept hammering away at this as well as going through the forums and found this:
https://www.joomshaper.com/forum/question/8978
The entry from from Paul Frankowski seems to have helped.
https://www.joomshaper.com/forum/question/8978#qa-answer-44173
I added his "a.close-offcanvas" statement to the end of everything (below) and it seemed to have made everything correct on the Offcanvas Menu. That said, it has messed up the DHE page (the page with pictures (see link)).
Here are my needs:
-
Landing page with horse must have a BLACK HAMBURGER.
-
Offcanvas 'X' must be WHITE.
-
The DHE page with the pictures must have a WHITE HAMBURGER.
How do I make this work?
Blessings, Rob
.offcanvas-menu .offcanvas-inner a { color: #fff !important; }
.offcanvas-menu .offcanvas-inner a:hover, .offcanvas-menu .offcanvas-inner a:focus, .offcanvas-menu .offcanvas-inner a:active{ color: ffa800 !important; }
.burger-icon > span { background-color: #000 !important; }
a.close-offcanvas .burger-icon > span { background-color: white !important;}
Mehtaz Afsana Borsha
Accepted AnswerIs this solved now?