Night mode for posts ?

  • Resolved unmeltmagazine

    (@unmeltmagazine)


    5 years, 10 months ago

    Hello everyone !

    I would like to display a little toggle (like a ON/OFF button), like at the top left or top right corner. I would like this toggle to display a darker color background on the posts, and display a light font color, just like a night mode (like the Facebook Messenger one).

    Is it possible to do with CSS ?

    I tried WP Night Mode, which is working pretty nice, the only problem is that it is not customizable enough.

    Thanks for your answers ??

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Hey there,

    I can help with some CSS to make the site dark, but I’m afraid adding a toggle option for the dark mode is too complex to provide code for. To add the toggle, you’ll need to add a button to your site and some Javascript to switch the dark mode on/off when a visitor clicks.

    The WP Night Mode plugin is probably the best solution as of now for this feature.

    Thread Starter unmeltmagazine

    (@unmeltmagazine)

    Hello, thanks for the quick answer !
    Finally, I decided to cancel that idea, and to simply permanently display a dark theme all over my website.

    However, I need your help for another question.

    I would like to change the color of all the text (post title, read mode text and excerpt text) displayed in blog archives (main page) to a #0A0A0A color, with a #6E00FF color displayed on hover.

    I already did it on the posts themself with the following code

    .singular-post .entry-content,
.singular-post .entry-title,
.singular-post .comments,
.singular-post .comments a,
.singular-post .comments a:link,
.singular-post .comments a:visited,
.singular-post .entry-content a,
.singular-post .entry-content a:link,
.singular-post .entry-content a:visited {
  color: #fff;

    Is there any CSS code to do the same in the archives ?

    Thanks for the answer ??

    Theme Author Ben Sibley

    (@bensibley)

    Give this CSS a shot:

    .excerpt,
.excerpt-content,
.excerpt a,
.excerpt a:link,
.excerpt a:visited {
  color: #fff;
}

    If it needs updating let me know and I can continue adjusting the code to get it working right.

    Thread Starter unmeltmagazine

    (@unmeltmagazine)

    Ok, thanks ! It works perfectly ??

    Theme Author Ben Sibley

    (@bensibley)

    Great! Glad I could help ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Night mode for posts ?’ is closed to new replies.