-
Posts
-
I have a two part question —
First of all, in the recent updates of Enfold, I’m not able to use the custom.css file for my changes. If I place them in Quick CSS, they work. Move everything to the custom file, none of my changes are applied. I’ve seen this on two separate installs of this theme.
Secondly, I want to place a custom menu in the footer of the website — basically to LOOK and function exactly like the footer menu when displaying in the socket. I can’t manage to get them floating on a single line. Tried copying the socket menu CSS as well with no luck.
Hey janeyj!
1. You most likely made a typo in the custom.css file. That or you are using CSS which is being overridden elsewhere in which case you can use the !important override to make sure it gets set.
a { color: red !important; }2. You can setup the footer menu in Dashboard > Appearance > Menus. Just create a new menu and assign it to the footer menu area. Are you trying to display two menus in that area? I’m not really sure I understand.
Regards,
ElliottHi! Thanks for the quick response.
I’ll double check the css file, but I really don’t think that’s the case. The ONLY place I’m making customizations is in that file. I removed them from Quick CSS into custom and everything I’d done vanished. Again, this is the second site I have had this issue with.
For the footer menu, I want exactly what’s displaying in the socket right now (I will remove it from the socket once resolved), but I’d like it in the grey footer area. I tried setting up a widget with a custom menu, but that’s a vertical display. Make sense?
Hey!
1.) Please give us an example of the css declarations that is not working when you place them inside the custom.css file. And a link to the page where the css modification is intended for.
2.) Aside from the footer menu, are you planning to add other widgets inside the footer container? If not, you can set the footer columns to 1 then add a custom menu widget. We can adjust the css style to create an inline menu.
Best regards,
IsmaelYes, same. That’s what I was attempting. I have the footer set to 2 widgets and was going to display a horizontal menu in the right column (widget). Ideally, it would look exactly like the socket menu — I’ve even tried duplicating those styles and it doesn’t work, though.
Hey!
May we have temporary admin access to your website so we can take a closer look at your theme, widget and menu settings?
Best regards,
DakeHey!
Please try adding the below css to your custom css section:
#top #footer .widget_nav_menu li { display: inline-block !important; float: none !important; clear: none !important; } #top #footer .widget_nav_menu li a { padding: 6px 10px; }Regards,
DakeThat worked to get it floating, thanks! I wound up using all of this to display like the socket, and just applied to the desktop style.
#top #footer .widget_nav_menu li {
display: inline-block !important;
float: none !important;
clear: none !important;
}#top #footer .widget_nav_menu li a {
padding: 6px 10px;
border-right: 1px solid #bbbbbb;
font-size:11px;
}#top #footer .widget_nav_menu li:last-child a{
padding: 6px 0px 6px 10px !important;
border-right:none !important;
}#top .widget_nav_menu li {
padding:0 !important;
}#top .widget_nav_menu div {
margin-top:40px;
}Hey!
Glad to know you got things sorted on your end :)
Is there anything else you needed help with in regards to the current thread?
Cheers!
DakeI still don’t know what’s up with the custom.css file, but I don’t have time to sort it out now. Mark this as solved and if I can’t figure it out, I’ll submit a new ticket. Thanks so much!
- The topic ‘Issue with custom.css and Footer Widget Navigation’ is closed to new replies.