Archived topic
How to delete Margin Property in Top Bar Widget
3 replies · Started by Satori on April 4, 2018
Hi! I want to delete a property "important" from a query in the Top Bar widget. As I'm placing my own modules, I need them to be fully centered. But there is a property blocking my design. This is the code I see you have in your top bar widget:
@media (max-width: 768px)
.top-bar .widget {
float: none!important;
margin: 0 10px!important;
}I need to delete the "margin important" as it causes that my top bar doesn't respect the margin I'm setting.
There is a way to nullify that property?
Edit: I'm using the official child theme, should I just copy that code to the stylesheet without the margin?
Kudos on the implementation of Font Awesome 5!
Hi there,
You should be able to overwrite that by being a bit more specific.
Try this:
@media (max-width: 768px) {
body .top-bar.top-bar-align-right .inside-top-bar .widget {
float: none!important;
margin: 0px!important;
}
}Let me know.
Amazing Leo, it worked.
Thank you!
No problem :)
