Manually Change Background Color

The plugin also adds a color picker to the post editor, at the bottom of the right sidebar. You can use it to overwrite the color picked from the post image.

However, if you’re not interested in the automatic color selection, my plugin might be a bit overkill for your needs ??

I see!

We make our own images, and each image is a different color. We even have images that are dark. So, the plugin adds the dark colored background which makes the text hard to see. I don’t think I’ll find a better plugin than yours, so I guess I’ll have to go through each post and change the color.

Thank you

the dark colored background which makes the text hard to see.

My plugin actually generates 2 colors for each post: an average color, that you use as background color, and a contrast color. That’s either black or white, depending on the average color; if the average color is dark, the contrast color will be white. If the average color is light, the contrast color will be back.

You could use that $contrast color value to change the text color on your site, when the background color is dark.

See the last paragraph in this post to learn how to use the $contrast value in your CSS:
https://jeremy.hu/color-posts-jetpack-plugin/

I want to tell you, that your plugin is exactly what my team has been looking for. The problem is that we have 900 published posts on our site, and when your plugin is activated, it adds color to all of our posts, as you know. For example: https://creativesolvibrations.com/superfoods/ background color was changed to the same color of our featured image. This made the post hard to read. I could understand if I have a new blog with 3 posts, I could easily and quickly change the color of background if I did not like it.

So, is there a code I can add to CSS that will turn off automatic background insert?

For the url I’ve sent you, I would like to have a much lighter version of the color used for featured image, and for the rest of the posts. But, for this to take place, I’d have to do it manually. I will give you a 5 star review if you can help me with this.

could easily and quickly change the color of background if I did not like it.

To be clear, my plugin wasn’t designed to be something that you’d turn on and off for specific blog posts. It can be done, but the plugin was designed to work for all posts, without you having to touch anything.

That said, the plugin includes 2 colors, and will give you better results if you make use of the 2 colors on your site.

You can look at posts on my personal site to get an idea of how the plugin can be used.

• This post‘s featured image is grey. The plugin uses that average color for the background. Since it’s a light color, the matching contrast color is back. The plugin changed the text color to back, so text remains readable.
• This post‘s featured image is a mix of brown and purple. It’s a quite dark color. The matching contrast color is consequently white. The plugin changed the text color to white, so it stays readable.

I didn’t have to do anything with those colors; they were automatically picked by the plugin, and applied to my site with CSS, for each one of my posts.

You can do the exact same thing on your site, using CSS that matches your site’s structure, and inserting that CSS with the colorposts_css_output filter, via a functionality plugin.

Here is an example of the code you could use to change the background color of the main post area only, and change the text color to contrast with the background color. This will apply to all your posts.

/**
 * Change the background color of the main post area only.
 * Change the text color to contrast with the background color.
 */
function jeherve_adjust_post_colors( $colors_css, $color, $contrast ) {
    $post_id = get_the_ID();

    $tonesque = get_post_meta( $post_id, '_post_colors', true );
    extract( $tonesque );

    $colors_css = "#wrap #content #main .post {
    background-color: #{$color} !important;
    color: rgb({$contrast});
}";

    return $colors_css;
}
add_filter( 'colorposts_css_output', 'jeherve_adjust_title_color', 10, 3 );

Hi Jeremy,

I understand! Thank you so much for your assistance.