Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Did you try;
.hentry .entry-title {
background: deeppink;
}
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
(@anevins)
WCLDN 2018 Contributor | Volunteer support
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
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.
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
(@anevins)
WCLDN 2018 Contributor | Volunteer support
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
(@anevins)
WCLDN 2018 Contributor | Volunteer support
hpw do I change the colour of the title only to black
What title, the post title?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Try adding this;
#post-7 .entry-title a {
color: black;
}
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
Really sorry for the amount of time this has taken
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Looks like you have that already
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
This image is something I mocked up in photohsop
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
It’s not clear which section you’re referring to on this page when I look at the image mockup.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
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;
}
This still seems to yeild the same results
Can I create a login for you to send in a private message at all?
