-
AuthorPosts
-
January 23, 2019 at 11:06 pm #1057960
Hi,
I’m having issues changing my main menu link font colours as the advanced styling section in the Enfold Child theme does not seem to be responding to my changes.
The website is http://www.peakpotential.net.au and I’m trying to go back to white for the font colour across the top.
Perhaps CSS may fix it, but not too sure as to why the styling options are not responding.
I went from white to blue when I tried to add some CSS code to make the hover colour orange on the submenus. I’ve since removed that CSS code, but I’m now stuck with blue across the top.
I can set up a login and user if required.
Also, let me know if I need to supply more information about versions etc.
Cheers
Darren- This topic was modified 5 years, 10 months ago by darrenwise.
January 23, 2019 at 11:10 pm #1057963Same, in fact, this has only just happened, the advanced styling was working, I even tried a few !important and added it to the custom css but no change.
- This reply was modified 5 years, 10 months ago by BSHosts.
January 23, 2019 at 11:11 pm #1057966Yes, I’m sure it was actually working okay yesterday.
January 23, 2019 at 11:14 pm #1057967I’ve found that if I remove all custom css it clears and works. Here is my custom .css – do you have custom css set up? Perhaps paste yours and we can see if we have anything similar that might be the cause.
#top .social_bookmarks li a {
color: white;
}.avia-slideshow-arrows {display: none !important;}
@media only screen and (max-width:767px) {
.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a {
color: black;
}#top .header_color .av-hamburger-inner,
#top .header_color .av-hamburger-inner::before,
#top .header_color .av-hamburger-inner::after {
background-color: black !important;
}
}#top #wrap_all .av-social-link-SnapChat:hover a{
color:#fff;
background-color:#9fae37;
}#header_meta { background-color: #fdb5d3; box-shadow: none; }
#header_main { border-top: none !important;
border-bottom: none !important;}@media only screen and (max-width: 990px) {
#top #menu-item-search {
display: none !important; }}@media only screen and (max-width: 768px) {
#header_meta { display: none !important; }}/*——————————–*/
/* Header widget */
/*——————————–*/
/* Widget text and background */
#top #header #header_main .widget {
line-height: 14px;
color:#ffffff;}
/* Widget title */
#top #header #header_main .widget h3.widgettitle {
color: #fffff;
}/* Widget link */
#top #header.header_color #header_main .widget a {
color: #ffffff;
clear: none;
position: absolute;
z-index: 100;
line-height: 30px;
height: 100%;
margin-top: 19px;
right: 21px;
}@media only screen and (max-width: 990px) {
#top #header.header_color #header_main .widget a {
display: none;
margin-top: 0px !important;}}#socket .sub_menu_socket {
float: none !important;
}
#socket .sub_menu_socket ul {
text-align: center;
margin-bottom: 6px;
}
#socket .sub_menu_socket li {
float: none !important;
display: inline;
}@media only screen and (max-width: 990px) {
footer a {
font-size: 18px;
}#socket .container {
display: flex;
flex-direction: column-reverse;
}#socket .copyright {
text-align: center;
}#socket .social_bookmarks {
margin: -10px 0 0 100px;
}
#socket .av-social-link-facebook a {
color: #fff !important;
background-color: #37589b !important;
}
#socket .av-social-link-twitter a {
color: #fff !important;
background-color: #46d4fe !important;
}
#socket .av-social-link-youtube a {
color: #fff !important;
background-color: #a72b1d !important;
}
#socket .av-social-link-gplus a {
color: #fff !important;
background-color: #de5a49 !important;
}
#socket .av-social-link-instagram a {
color: #fff !important;
background-color: #a67658 !important;
}
#socket .av-social-link-mail a {
color: #fff !important;
background-color: #e6cede !important;
}
#socket .av-social-link-SnapChat_Icon a {
color: #fff !important;
background-color: #fffc00 !important;
}January 23, 2019 at 11:22 pm #1057970I found my issue, it may help you, I had not closed a piece of css – this one to be precise, it was missing a }.
@media only screen and (max-width: 990px) {
footer a {
font-size: 18px;
}}January 23, 2019 at 11:37 pm #1057974Thanks for that, I may have solved it. I run WP Rocket and I needed to clear the cache.
The cache in browsers and on the website can be a real pain sometimes when doing these changes.January 23, 2019 at 11:39 pm #1057975That is very true! Come across that issue many times.
January 24, 2019 at 12:14 am #1057977Thanks for your help.
By chance, you wouldn’t know how to make the top menus on my website on hover go our website blue and the sub-menus go orange when hovered on, would you? I don’t think you get a styling option to be able to do that, I think you have to use CSS.January 24, 2019 at 5:42 pm #1058244Hi darrenwise,
https://cl.ly/779837c1fff8 The submenus seem to go orange already. Do you need to have menu blue on hover?
Best regards,
VictoriaJanuary 25, 2019 at 12:32 am #1058428Hi Victoria,
Sorry for the delayed response. If possible, I would like to have the sub menu items highlight in our burnt orange colour when they are hovered on so that you know you are on that link please.
Our orange colour is ##d64d2b
Warmest regards
Darren
January 25, 2019 at 12:37 am #1058430Sorry Victoria, I seem to get different results depending on the browser.
What is the best way to see how your website really looks? Do you work through a private or incognito window always?
January 26, 2019 at 7:37 am #1059028 -
AuthorPosts
- You must be logged in to reply to this topic.