I'm working with a build your own menu, and I am confused about something. I see that I have three choices for the colour of the menu items, black, white and the primary theme colour.
What I don't see is how to change the primary theme colour anywhere. In the skin styling tab there's no Primary colour, it seems to be fixed on 'Kalium green'.
In theme styling, I have set the colours to the suggested pink palette which means my link colour is #f6364d.
When I choose a standard menu, the links in it take the correct link colour as I'd expect.
Then, when I switch to a build your own menu (centered logo) I add the content elements and click the setting wheel. Here, there are 4 options, inherit, default (primary theme colour), light (white) and dark (black).
There is also the box Content Elements Skin. This has three options, Default (primary theme colour), light (white) and dark (black). I believe this determines the value of the inherit option in the previously mentioned menu, right? I have this set to default, which means it should be using the primary skin colour (or link colour) which is #f6364d, so I have it set to that.
So, back to the menu. If in the settings cog for that menu element I choose inherit, it is Kalium green. If I choose default, it is Kalium green.
Inspecting the stylesheet, I can see the colour is being set by this piece of code.
Should I be doing something different, or is this something to fix? I notice that despite me not having #00b19e in my skin choices anywhere, it still appears in quite a few places in the stylesheet.
I'm replying to this existing ticket because I believe the problem I'm having is related. The menu is now the correct colour, but there are two other problems that cascade from this.
One is the font size. In my screenshot below you can see I have to add a custom selector to change the font size of the custom menu items. The 30px is ignored, and the code I have put in the custom selector is what overrides it.
Have you updated Kalium to version 3.0.4 please? If you have updated and you still have that problem, then please send me your Wordpress credentials, because I need to login to your site and test this.
To include your credentials click Insert Credentials button in editor toolbar (see how) so your reply will be private.
Sorry for the late reply, our developer was not in the office on Friday.
1— I just wrote this in our to-do list and this problem will be fixed in the next theme update that will arrive this week.
2— I can see that you have already added the exact selector (see video), the pre-added selectors that you changed in the are for the standard menu and not for the custom menu.
Hi,
I'm working with a build your own menu, and I am confused about something. I see that I have three choices for the colour of the menu items, black, white and the primary theme colour.
What I don't see is how to change the primary theme colour anywhere. In the skin styling tab there's no Primary colour, it seems to be fixed on 'Kalium green'.
Am I missing something?
Hi Matt,
Yes, primary color is referred for the link color in your theme skin.
(view on a new page)
Your suggestion is good, I will discuss with the team if we can rename Link Color to Primary Color.
Thanks!
Hi Ylli,
I think perhaps there is a bug. Let me explain.
In theme styling, I have set the colours to the suggested pink palette which means my link colour is #f6364d.
When I choose a standard menu, the links in it take the correct link colour as I'd expect.
Then, when I switch to a build your own menu (centered logo) I add the content elements and click the setting wheel. Here, there are 4 options, inherit, default (primary theme colour), light (white) and dark (black).
There is also the box Content Elements Skin. This has three options, Default (primary theme colour), light (white) and dark (black). I believe this determines the value of the inherit option in the previously mentioned menu, right? I have this set to default, which means it should be using the primary skin colour (or link colour) which is #f6364d, so I have it set to that.
So, back to the menu. If in the settings cog for that menu element I choose inherit, it is Kalium green. If I choose default, it is Kalium green.
Inspecting the stylesheet, I can see the colour is being set by this piece of code.
.standard-menu-container.menu-skin-main ul.menu>li>a {
color: #00b19e;
and that
a {
color: #f6364d;
is being superceded by the above.
Should I be doing something different, or is this something to fix? I notice that despite me not having #00b19e in my skin choices anywhere, it still appears in quite a few places in the stylesheet.
Hi Matt,
You are right, we detected this problem and the fix will come this week with the release of Kalium 3.0.2 update.
Thanks for your understanding.
Hi Ylli,
I'm replying to this existing ticket because I believe the problem I'm having is related. The menu is now the correct colour, but there are two other problems that cascade from this.
One is the font size. In my screenshot below you can see I have to add a custom selector to change the font size of the custom menu items. The 30px is ignored, and the code I have put in the custom selector is what overrides it.
https://drive.google.com/file/d/13BEO1iu-pM8j5-KqJARl6B2EGiG5Vqve/view?usp=sharing
Second, the submenu items don't take the colour of the parent, they default to Kalium green also, as shown below.
https://drive.google.com/file/d/1BXQjTFzJRAgq1wVoXXfA-vv0Vh4wRpD7/view?usp=sharing
Hi Mat,
Have you updated Kalium to version 3.0.4 please? If you have updated and you still have that problem, then please send me your Wordpress credentials, because I need to login to your site and test this.
To include your credentials click Insert Credentials button in editor toolbar (see how) so your reply will be private.
Thanks!
Hi Matt,
Ok then, thanks for providing your WP credentials, I just tried to enter in your site but it seems that you haven't send me the correct ones.
See video: https://d.pr/v/wj2jIT
Have a great day!
HI Matt,
Sorry for the late reply, our developer was not in the office on Friday.
1— I just wrote this in our to-do list and this problem will be fixed in the next theme update that will arrive this week.
2— I can see that you have already added the exact selector (see video), the pre-added selectors that you changed in the are for the standard menu and not for the custom menu.
Thanks!
Hi Matt,
1— We just fixed your problem, and the same fix will be applied in the next theme update too.
Have a great day!