WordPress.com is an easy way to start blogging. Get a blog, check out our features, read the latest announcements, choose from great themes, or learn about the team behind it.
Need help? Check out our Support site, then
My site is http://homemadeoklahoma.com/
I changed the entry titles on the home page to a different font and color. But when I click into an entry, the title font reverts back to the black sans serif. I can't figure out how to change the font and color INSIDE the article, not just on the home page display.
Any help? Thanks.
The blog I need help with is homemadeoklahoma.com.
You need to add
#content .entry-title
to the selectors you have for the front page fonts so it looks like the following.
judylallen
.entry-title a:link, .entry-title a:visited, #content .entry-title {
color: #98B891;
font-family: tamarillo-1,tamarillo-2,serif;
font-size: 2.1em;
text-decoration: none;
}Thank you for your help. That did indeed change the font inside the article, but ...
Compared to the size of the font on the home page before I made that change, that change made the font on the home page much bigger, and the font inside is smaller than the original size. Is there a way to get them both to be the original size (from before the change)?
Also, is there code I can add to make my page titles (in addition to entry titles) have this same font/color? For instance, when I click on the menu item for "About," the title of the page appears in the black sans serif.
Again, thank you so much for all your help.
Oh! Nevermind about the second part. The change you suggested fixed that as well. It's only the size part I'm still stuck on.
They made it difficult and I should have checked. Separate #content .entry-title out (it covers the single-post and static pages) as below and adjust the 2.1em value to get the fonts to look the same size. em units are based on a size set in a parent element, or as defined originally in say an h1 selector whereas the linked titles are based off a different element font size. em units are better for fonts since they scale proportionally to the rest of the text if someone uses their browser zoom feature.
#content .entry-title {
color: #98B891;
font-family: tamarillo-1,tamarillo-2,serif;
font-size: 4.5em;
line-height: 0.8em;
}The 4.5em value seems to work and I included the line-height and adjusted it as well so that it looks very similar to the line height on the main page.
I can't thank you enough for all your help, and for taking the time to explain *why* that change did what it did. Worked perfectly. Cheers.
You are welcome.
Hi!
I feel I am also very close to the info I need with this answer, but I wanted to make sure something before I add something in the wrong way and mess up the whole thing:
So, I am not sure at all what you mean with "Separate #content .entry-title out". Does that mean that where it says "entry-title a:link, .entry-title a:visited," I simply exchange that part with "#content .entry-title out"? Or do I add the #content part directly under the .entry-title part and it's just not visible in your above example?
Thanks in advance for letting me know!
David
@thermaikos1977
If and only if you are referring to a free hosted WordPress.com blog and you have purchased an custom design upgrade then please post an active link to the blog in question starting with http://
@timethief
Sorry, I do not have a free hosted WP blog but my own one.
We cannot provide support for your self hosted site here at all. WordPress.com blogs and WordPress.org self hosted installs run on different software. The themes are coded to run on different software even though they have the same name. You must post to http://wordpress.org/support/
WordPress.com vs WordPress.org:The Differences
ok, I understand. Thanks!
This topic has been closed to new replies.
thermaikos1977
