[Resolved] How to delete Margin Property in Top Bar Widget

Home Forums Support [Resolved] How to delete Margin Property in Top Bar Widget

Home Forums Support How to delete Margin Property in Top Bar Widget

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #541190
    Satori

    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!

    GeneratePress 2.0.2
    GP Premium 1.6.2
    #541444
    Leo
    Staff
    Customer Support

    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.

    #542339
    Satori

    Amazing Leo, it worked.

    Thank you!

    #542483
    Leo
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.