Title: Title Background Text Colour Last modified: August 21, 2016 --- # Title Background Text Colour * Resolved [akwasii](https://wordpress.org/support/users/akwasii/) * (@akwasii) * [13 years, 4 months ago](https://wordpress.org/support/topic/title-background-text-colour/) * Hi There, * I’m currently having a bit of trouble and have been up all night trying to solve this problem to no avial. * I wanted to see if anybody knew how to add a background text colour to the titles of my blog posts, I have an example of how they have done it here [http://wplift.com/how-add-text-featured-images-different-scenarios](http://wplift.com/how-add-text-featured-images-different-scenarios) * This is a link to my blog [http://www.66till.com](http://www.66till.com) , is there anybody who has knowledge in this? * Thanks Viewing 15 replies - 1 through 15 (of 18 total) 1 [2](https://wordpress.org/support/topic/title-background-text-colour/page/2/?output_format=md) [→](https://wordpress.org/support/topic/title-background-text-colour/page/2/?output_format=md) * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [13 years, 4 months ago](https://wordpress.org/support/topic/title-background-text-colour/#post-3654677) * Did you try; * ``` .hentry .entry-title { background: deeppink; } ``` * Thread Starter [akwasii](https://wordpress.org/support/users/akwasii/) * (@akwasii) * [13 years, 4 months ago](https://wordpress.org/support/topic/title-background-text-colour/#post-3654679) * This is great, Thanks you so much Andrew. * Is there a way to offset the text so that it fits in with a slight margin * and also is there a way to make the background only go as far as the text posts? * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [13 years, 4 months ago](https://wordpress.org/support/topic/title-background-text-colour/#post-3654762) * > Is there a way to offset the text so that it fits in with a slight margin * Yes, add padding; * ``` .hentry .entry-title { background: deeppink; padding-left: 10px; } ``` * See [http://www.w3schools.com/css/css_padding.asp](http://www.w3schools.com/css/css_padding.asp) * > and also is there a way to make the background only go as far as the text posts? * Try amending the code to this; * ``` .hentry .entry-title a { background: deeppink; padding: 0 10px; } ``` * That’ll only work if the titles are linked. * Thread Starter [akwasii](https://wordpress.org/support/users/akwasii/) * (@akwasii) * [13 years, 4 months ago](https://wordpress.org/support/topic/title-background-text-colour/#post-3654770) * Hi Andy, * Sorry to bother you again, it only seems to go as far as the text when I use the second code, however this then dissapears when I click into the link. * If I us both then it streteches across the whole page. * Also I promise this is my last request as I’ve learnt a lot today – hpw do I change the colour of the title only to black, or is there a way to make the title colour the same as the background image? * Thanks again * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [13 years, 4 months ago](https://wordpress.org/support/topic/title-background-text-colour/#post-3654772) * > it only seems to go as far as the text when I use the second code * Sorry, I’ve misunderstood your request. Try using this instead; * ``` .hentry .entry-title, .hentry p { background: deepskyblue; } ``` * If that’s still missing the point, can you describe further what you want? * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [13 years, 4 months ago](https://wordpress.org/support/topic/title-background-text-colour/#post-3654773) * > hpw do I change the colour of the title only to black * What title, the post title? * Thread Starter [akwasii](https://wordpress.org/support/users/akwasii/) * (@akwasii) * [13 years, 4 months ago](https://wordpress.org/support/topic/title-background-text-colour/#post-3654775) * Hi sorry Andrew, * yes the post title * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [13 years, 4 months ago](https://wordpress.org/support/topic/title-background-text-colour/#post-3654777) * Try adding this; * ``` #post-7 .entry-title a { color: black; } ``` * Thread Starter [akwasii](https://wordpress.org/support/users/akwasii/) * (@akwasii) * [13 years, 4 months ago](https://wordpress.org/support/topic/title-background-text-colour/#post-3654785) * Hi Andrew I tried the other link but it didn’t work at all, * I’ve attached an image of what look I’m trying to go for * [http://s24.postimg.org/tvn0ykhxx/Screen_Shot_2013_04_12_at_19_12_38.png](http://s24.postimg.org/tvn0ykhxx/Screen_Shot_2013_04_12_at_19_12_38.png) * Really sorry for the amount of time this has taken * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [13 years, 4 months ago](https://wordpress.org/support/topic/title-background-text-colour/#post-3654800) * Looks like you have that already * Thread Starter [akwasii](https://wordpress.org/support/users/akwasii/) * (@akwasii) * [13 years, 4 months ago](https://wordpress.org/support/topic/title-background-text-colour/#post-3654801) * Hi Andrew, * I’m almost there but I wanted the title text colour to be different from the white box * and I wanted to be able to have the same effect when you see the actual post here * [http://www.66till.com/?p=7](http://www.66till.com/?p=7) * This image is something I mocked up in photohsop * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [13 years, 4 months ago](https://wordpress.org/support/topic/title-background-text-colour/#post-3654803) * It’s not clear which section you’re referring to on [this page](http://www.66till.com/?p=7) when I look at the image mockup. * Thread Starter [akwasii](https://wordpress.org/support/users/akwasii/) * (@akwasii) * [13 years, 4 months ago](https://wordpress.org/support/topic/title-background-text-colour/#post-3654804) * Hi Andrew, * So this is how I would like the blog overview to look * [http://s21.postimg.org/uxytcxdqf/Screen_Shot_2013_04_14_at_10_20_37.png](http://s21.postimg.org/uxytcxdqf/Screen_Shot_2013_04_14_at_10_20_37.png) * And this is how I’d like a specific post to look * [http://s21.postimg.org/4bmcny9jb/Screen_Shot_2013_04_14_at_10_19_52.png](http://s21.postimg.org/4bmcny9jb/Screen_Shot_2013_04_14_at_10_19_52.png) * At the moment this is how they appear * [http://www.66till.com/](http://www.66till.com/) * [http://www.66till.com/?p=7](http://www.66till.com/?p=7) * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [13 years, 4 months ago](https://wordpress.org/support/topic/title-background-text-colour/#post-3654805) * Try appending this selector; * ``` .single .hentry .entry-title ``` * To your entry heading styles. * E.g; * ``` .entry-title a, .single .hentry .entry-title { background: deeppink; padding: 0 10px; } .blog .entry-content a, .single .hentry .entry-title { border-bottom: 1px solid white; } ``` * Thread Starter [akwasii](https://wordpress.org/support/users/akwasii/) * (@akwasii) * [13 years, 4 months ago](https://wordpress.org/support/topic/title-background-text-colour/#post-3654806) * This still seems to yeild the same results * Can I create a login for you to send in a private message at all? Viewing 15 replies - 1 through 15 (of 18 total) 1 [2](https://wordpress.org/support/topic/title-background-text-colour/page/2/?output_format=md) [→](https://wordpress.org/support/topic/title-background-text-colour/page/2/?output_format=md) The topic ‘Title Background Text Colour’ is closed to new replies. ## Tags * [background](https://wordpress.org/support/topic-tag/background/) * [color](https://wordpress.org/support/topic-tag/color/) * [colour](https://wordpress.org/support/topic-tag/colour/) * [html](https://wordpress.org/support/topic-tag/html/) * [text](https://wordpress.org/support/topic-tag/text/) * [title](https://wordpress.org/support/topic-tag/title/) * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/) * 18 replies * 2 participants * Last reply from: [akwasii](https://wordpress.org/support/users/akwasii/) * Last activity: [13 years, 4 months ago](https://wordpress.org/support/topic/title-background-text-colour/page/2/#post-3654817) * Status: resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics