Docs

[Becky Zingler]

Hi,
I am trying to change the color of my blog post background including the title of the post. So far I have tried:
.single-post.entry-wrap {
background-color:#fff!important;
box-shadow: 0 0 20px #404A09!important;
}
The current color of the background is coming from a class I added in the html.
Url: http://futurewooddev.johnsontimber.com/

Thanks for your help!

[Rahul]

Hey there,

Thanks for writing in! Can you please link us to the exact page where you’re trying to make this changes?

[Becky Zingler]

Here is a link to one of the post pages. There are several that I would like to appear the same way;
http://futurewooddev.johnsontimber.com/michigan/robert-huray/

[Friech]

Hi There,

Change the individual blog posts background-color with this custom css

.single-post .site {
	background-color: blue;
}

And change the title color with the css code below;

.single-post .site .entry-title {
	color: red;
}

Hope it helps, Cheers!

[Becky Zingler]

Thanks for your prompt reply. This is not quite the answer that I am looking for. I would like the title to be inside of the same box that currently houses the photo and text. Is there a way to include the title inside of this same box? I am including a screen shot. I like the way that this currently displays but would like the title inside of that same white boxed area.

Thank you!

[Darshana]

Hi there,

Could you please try adding the following JavaScript code into your Customizer, Custom > JavaScript section.

jQuery(function() {
    jQuery( ".entry-header" ).insertBefore( ".postid-298 .entry-content.content .textbox p" );
});

Hope that helps.

[Becky Zingler]

Thanks for your help I just ended up moving the title below the picture in the text and hiding the regular title. The javaScript didn’t seem to do the trick.

[Darshana]

Hi there,

Your title is in white color and your content box background is white. You can add this under Custom > CSS in the Customizer to change the title color.

.post-298 .entry-title {
    color: #000000;
    display: block !important;
}

Hope that helps.

[Author]

Posts