Invert all the colours of the theme

  • I’m trying to invert the black text and white background through out all of the site (pages, post, header, etc…) so that it will be a black background and white text. I’m trying to achieve this through the custom css option, typing in the following. But it is not working exactly as intended.

    .content-area {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    }

    thanks for this great theme!

Viewing 3 replies - 1 through 3 (of 3 total)

  • In which page exactly you couldn’t do this ?
    ex: for the single pages you can add a dark background to the site-main class
    PS: changes like this should be in your child theme’s style.css

    Thread Starter rbnlight

    (@rbnlight)

    can you please provide an example how to change all posts pages?

    Following classes in your child theme style.css should work

    .site {
  background-color:#000000;
}
body {
    color: #FFFFFF;
}
.entry-title a {
    color: #FFFFFF;
}
.entry-header > .entry-meta a, .entry-header > .entry-meta a:visited {
    color: #FFFFFF;
}
.blog-columns .comments-link a, .blog-columns .comments-link a:visited {
    color: #FFFFFF;
}
.widget .menu li:before, .widget_pages li:before, .widget_meta li:before {
     color:#FFFFFF;
}
.widget a {
    color: #FFFFFF;
}

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Invert all the colours of the theme’ is closed to new replies.