Issues overriding padding in CSS on Filter menu items

  • Resolved vouxdoux

    (@vouxdoux)


    6 years, 4 months ago

    Trying to get the site (using Illustratr theme) and the code I want to use to override the padding on the menu items – currently at 8px top/bottom and 16px left/right, but want to be 5px all around – but even with an “!important” tag the changes are overridden and now my site looks gross and not as pulled together as it should be. Here is the code:

    .vp-filter__style-default .vp-filter__item {
    display:block;
    min-width:40px;
    padding: 5px 5px!important;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration-style: solid;
    line-height: 1.4;
    color: #24282d;
    text-decoration: none;
    Font-Size: 16px;
    font-family: "Source Sans Pro", sans-serif;
    background-color: transparent;
    border: none;
    transition: .2s border-color, .2s background-color, .2s color;
    will-change: border-color, background-color, color;
}

    Not sure how else to go about fixing this, or might be a bug?

    • This topic was modified 6 years, 4 months ago by vouxdoux.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter vouxdoux

    (@vouxdoux)

    Update: we tried editing the source files instead of just trying to override it with custom CSS and it still didn’t work.

    Plugin Author Nikita

    (@nko)

    Hi.

    I see negative padding values:

    Changed in browser inspector to 10px and it is work fine:

    https://snap.nkdev.info/2018-11-17-1542410886.png

    Make sure you cleared browser cache after changes made.

    p.s. screenshots clickable.

    Thread Starter vouxdoux

    (@vouxdoux)

    I’m seeing both depending on whether I’m logged into the site or not. When I’m logged in, I see negative values, and when I’m logged out I see it as the 8×16 nonsense.

    Thread Starter vouxdoux

    (@vouxdoux)

    NVM. Issue seems to have resolved itself with the latest update.

    Plugin Author Nikita

    (@nko)

    I think the problem in your browser cache. It caches your styles and when you change it in the admin, your browser just loads the cached version without your changes.

    Our plugin does not override any styles.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Issues overriding padding in CSS on Filter menu items’ is closed to new replies.