Menu Style Color

5 replies · opened Jul 13, 2019

YYoomitechJul 13, 2019

Hi,

  1. If i visit my site and mouseover the links i get the "Canvas_First_Menu.jpg" look.
  2. If i scroll down a little bit and mouseover the links i get the "Canvas_Secind_Menu.jpg" look.

I found the background color of the menu in dark.css in line 181/182

#primary-menu.dark ul li .mega-menu-content {
background-color: #ffffff;

but i didnt find the color

  1. for the dividers,
  2. for normal text (not link!),

(I want that the menu after the page are fresh loaded looks like the menu after i scroll down.)

Can you provide the line numbers or a workarround?

Thank you in advance....

YYoomitechJul 13, 2019

I see, if i delete the

transparent-header

im

``

i get what i want, but i want the transparent-header also ;)

Is there a way?

Thanks :)

SSemicolon WebSTAFFJul 15, 2019

Hello,

The Lines of CSS Codes (181/182) you have mentioned are actually different in the Package Files. Can you please provide us with a Live URL so that we can check out the exact issue and provide you with more assistance on this. Thanks for your Patience.

Also, it would be helpful to know the name of the Template you are using so that we can check if the same issue exists on the Default Files.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

YYoomitechJul 17, 2019

Hi.

Template: Canvas
URL: https://soul-in-harmony.de/index_version_015.html
User: Alpha
Password: Alpha123

For color for normal text i use now:

Gedichte

But as you can see, the menu looks still different. (Bars and links has still another color) I try it with "not-dark" but that wont work.

Maybe you can help? Thanks in advance...

SSemicolon WebSTAFFJul 19, 2019

Hello,

Thanks for your Patience!

Find the following code in the css/dark.css File:

.dark #primary-menu ul li .mega-menu-content ul.mega-menu-column:not(:first-child),
#primary-menu.dark ul li .mega-menu-content ul.mega-menu-column:not(:first-child) { border-left-color: #3F3F3F; }

and replace it with:

.dark #primary-menu:not(.not-dark) ul li .mega-menu-content ul.mega-menu-column:not(:first-child),
#primary-menu.dark ul li .mega-menu-content ul.mega-menu-column:not(:first-child) { border-left-color: #3F3F3F; }

and then use the .not-dark Class on the #primary-menu Element.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

YYoomitechJul 21, 2019

Hi,

thank you, works great :)

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard