Buttons have wrong background colour on 2017 dark theme

  • Resolved mattspace

    (@mattspace)


    3 years, 3 months ago

    Hi,

    Just trying the plugin out, and the buttons don’t seem to show up properly on the 2017 theme (child) when set to the dark colour theme. I’m assuming it’s a CSS issue.

    See Link for screenshot showing web inspector view – it looks like it’s getting a computed value of #fff for the baguetteBox-button style from the colors-dark.css stylesheet in the 2017 theme.

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

Viewing 1 replies (of 1 total)
  • Thread Starter mattspace

    (@mattspace)

    FYI, I fixed this by adding this to my theme’s CSS:

    .baguetteBox-button {
    background-color: rgba(50, 50, 50, .5) !important;
    color: #ddd;
}

.baguetteBox-button:focus, .baguetteBox-button:hover {
    background-color:rgba(50, 50, 50, .9) !important;
}

    the !important overrides the dark theme clash.

    • This reply was modified 3 years, 3 months ago by mattspace.
Viewing 1 replies (of 1 total)
  • The topic ‘Buttons have wrong background colour on 2017 dark theme’ is closed to new replies.