Forum Replies Created
-
Posts
-
Hi Elliot, working now thanks.
I used “color” to try to change the colour of the cross in the centre of the Toggle icon but it stays grey. Anything I can add to change it?
.toggle_icon {
color:#ffffff;
background-color:#f15d23!important;
}Hi Elliot, I tried what you suggested but it does not give the effect the same as the Blog Post Grid on
http://kriesi.at/themes/shoutbox/category/news/
Any plans in the future to bring Shoutbox’s Blog Post style or Upscales homepage 1/3 content boxes to Enfold?
Hi Josue,
that worked perfectly, thanks you.For some reason I am not getting Email notifications of forum replies to my posts even after ticking the box,
I have checked my Spam folder but nothing. Have Email notifications stopped?Hi Andy.
Some of it worked, some of it didn’t but it helped me figure out what needed changing so all fixed now and you may close this thread.
Thanks
Hi Ismael,
that made the dropdown active menu item text and background white but after changing a previous line you gave me everything is now working.
The code for anyone who needs it is;
/*this is css for enfold menu*/
.header_color .main_menu ul:first-child > li.current-menu-item > a,{ background:#FFFFFF!important; color: #d1202f!important; } /* color of active menu item */
.header_color .main_menu ul:first-child > li.current_page_item > a { background:#FFFFFF!important; color: #d1202f!important; } /* color of active page */.current-menu-item > .avia-menu-text {color: #d1202f!important;}
#top #header .av-main-nav > li.current_page_item > a .avia-menu-text { color: #d1202f; }.sub-menu .current-menu-item .avia-menu-text {color: #d1202f!important;}
.avia-menu-fx { display: none !important; }
#top #wrap_all .av-main-nav ul > li.current-menu-item > a span.avia-menu-text {
color: #d1202f !important;
}#top #wrap_all .av-main-nav ul > li.current-menu-item:hover > a span.avia-menu-text {
color: #d1202f !important;
}#top #wrap_all .av-main-nav ul > li.current-menu-item a {
color: #d1202f !important;
background-color: #ffffff !important;
}Thanks and you may close this thread.
Hi Ismael.
Thank you for the reply. That has now made the text of the current active page in the dropdown menu visible by making it white (It was red).
What we are trying to make it is white background and red text.
The custom css now reads;
/*this is css for enfold menu*/
.header_color .main_menu ul:first-child > li.current-menu-item > a,{ background:#FFFFFF!important; color: #d1202f!important; } /* color of active menu item */
.header_color .main_menu ul:first-child > li.current_page_item > a { background:#FFFFFF!important; color: #d1202f!important; } /* color of active page */.current-menu-item > .avia-menu-text {color: #d1202f!important;}
#top #header .av-main-nav > li.current_page_item > a .avia-menu-text { color: #d1202f; }.sub-menu .current-menu-item .avia-menu-text {color: #d1202f!important;}
.avia-menu-fx { display: none !important; }
#top #wrap_all .av-main-nav ul > li.current-menu-item > a span.avia-menu-text {
color: #ffffff !important;
}#top #wrap_all .av-main-nav ul > li.current-menu-item:hover > a span.avia-menu-text {
color: #d1202f !important;
}Hi Ismael, that fixed the sub menu buttons text not being visible when parent “Recent Work” is the active page
What is still not working is when any of the four sub menu buttons are the active page and you hover over their parent “Recent Work”, that active pages button text is not visible.
So if Agathos Financial is the active page and you hover over parent Recent Work the Agathos Financial button text is not visible.
I suspect the text is probably red as it is supposed to be but the background is not turning white as it should.
CSS now reads
/*this is css for enfold menu*/
.header_color .main_menu ul:first-child > li.current-menu-item > a,{ background:#FFFFFF!important; color: #d1202f!important; } /* color of active menu item */
.header_color .main_menu ul:first-child > li.current_page_item > a { background:#FFFFFF!important; color: #d1202f!important; } /* color of active page */.current-menu-item > .avia-menu-text {color: #d1202f!important;}
#top #header .av-main-nav > li.current_page_item > a .avia-menu-text { color: #d1202f; }.sub-menu .current-menu-item .avia-menu-text {color: #d1202f!important;}
.avia-menu-fx { display: none !important; }
Hi Elliot,
no I do not want the text white if it is a current menu item, the background is supposed to be white, the text is supposed to be red.
As I posted earlier;
The menu is supposed to have the following colouring for top level menu items AND sub (dropdown) menu.
Inactive menu item:
Red background #d1202f
White Text #ffffffHover:
White background #ffffff
Red Text #d1202fCurrent Menu Item:
White background #ffffff
Red Text #d1202fI have done the Inactive and Hover settings in the Enfold – Advanced Styling
There is no option for Current menu item there so…I was previously given this custom css in this support forum to apply to style the menu which I applied to the child theme css accessed through Appearance – Editor.
/*this is css for enfold menu*/
.header_color .main_menu ul:first-child > li.current-menu-item > a,{ background:#FFFFFF!important; color: #d1202f!important; } /* color of active menu item */
.header_color .main_menu ul:first-child > li.current_page_item > a { background:#FFFFFF!important; color: #d1202f!important; } /* color of active page */.current-menu-item .avia-menu-text {color: #d1202f!important;}
The last line of CSS was necessary as the previous lines were not working for text colour for some reason.
Everything is fine until you click on the “Recent Work” menu item.
Once that page is active the dropdown menu underneath that menu item seems to have red text instead of white, making the sub menu items invisible.If any other page is active, and you hover over the menu button “Recent Work” those sub menu items are the correct colour, red background, white text.
How can I fix it so that when the page “Recent Work” is active and you hover over the menu item “Recent Work” that the sub menu items are visible with white text on a red background.
Hi Elliot,
that got rid of the red menu button underline on hover but the other issues remained the same.
The css now reads
/*this is css for enfold menu*/
.header_color .main_menu ul:first-child > li.current-menu-item > a,{ background:#FFFFFF!important; color: #d1202f!important; } /* color of active menu item */
.header_color .main_menu ul:first-child > li.current_page_item > a { background:#FFFFFF!important; color: #d1202f!important; } /* color of active page */.current-menu-item .avia-menu-text {color: #d1202f!important;}
.sub-menu .current-menu-item .avia-menu-text {color: #d1202f!important;}
.avia-menu-fx { display: none !important; }
Hi Elliot,
I have moved the menu underneath the Logo to get rid of the overlapping issue.
I still have two issues.
Issue 1.
The menu is supposed to have the following colouring for top level menu items and sub (dropdown) menu.
Inactive menu item:
Red background #d1202f
White Text #ffffffHover:
White background #ffffff
Red Text #d1202fCurrent Menu Item:
White background #ffffff
Red Text #d1202fI have done the Inactive and Hover settings in the Enfold – Advanced Styling
There is no option for Current menu item there so…I was previously given this custom css in this support forum to apply to style the menu which I applied to the child theme css accessed through Appearance – Editor.
/*this is css for enfold menu*/
.header_color .main_menu ul:first-child > li.current-menu-item > a,{ background:#FFFFFF!important; color: #d1202f!important; } /* color of active menu item */
.header_color .main_menu ul:first-child > li.current_page_item > a { background:#FFFFFF!important; color: #d1202f!important; } /* color of active page */.current-menu-item .avia-menu-text {color: #d1202f!important;}
The last line of CSS was necessary as the previous lines were not working for text colour for some reason.
Everything is fine until you click on the “Recent Work” menu item.
Once that page is active the dropdown menu underneath that menu item seems to have red text instead of white, making the sub menu items invisible.If any other page is active, and you hover over the menu button “Recent Work” those sub menu items are the correct colour, red background, white text.
How can I fix it so that when the page “Recent Work” is active and you hover over the menu item “Recent Work” that the sub menu items are visible with white text on a red background.
Issue 2.
When you hover over a menu item a red line appears at the bottom of that button.
On the last button that red line does not stay within the button width but is aligned to the right.
How can I fix or just remove the line.I think the decoration is span.avia-menu-text
Hi Elliot, did you log in and fix it?
I just checked the site and the error text in the header is gone.
There was another thread for the same website that you also commented on
https://kriesi.at/support/topic/menu-bugs/
Maybe you fixed it when dealing with that?
Hi Michael / Ismael.
Was on latest version 3.0.4 and was updated via Ftp so don’t know what happened.
Will monitor the situation.
You may close this thread.
Thanks.
They were both already on the latest version of Enfold 3.0.4 and had broken sliders.
The whole homepage on 1. had to be re-created to fix it and site no. 2 was updated, slider was not rendering and now I go back and it has magically fixed itself even though all that done to fix it since 7 hours ago was precisely nothing!
How can that be explained?
Site no. 3 I don’t have admin access but have Emailed the Webmaster to update Enfold.
I tried creating a new page using the saved template and it worked now where it didn’t a few hours ago.
3rd time in a month I have had to create a new homepage.
