Trouble changing size of post titles in blog
-
I’m moving from Blogger ( http://www.zealforadeal.com ) to WordPress ( http://dev.zealforadeal.com/ ) and I’ve figured out most of the customizations I need to make my new site similar to my old one, but I can’t get the post title font size to change (increase). I’ve been working on this for 3 days and have tried everything suggested in this forum. It should be easy, but nothing I do makes the change. I can only think that I have 2 pieces of code cancelling each other out, but that’s just my guess. If anyone can help me I would be so grateful!! My family would be as well, so I can stop and cook them a meal 🙂
ModMoved to Support. Please be sure to post in the correct section.
Try this code:
.post-title a {font-size:80px;}
Should do the trick.
You can take a peak at my stylesheet through this link. I need to clean it up a little (so caveat emptor!), but it might give you some additional clues about how to change things.
ModReally? Where are you entering that code? It worked on my test blog: http://test.kjodle.net/blog/2011/09/20/this-is-a-sticky-post/
I put in in the style.css for my child theme. I’m wondering if I’ve put something else in that’s voiding out this bit of css. Is there a way for me to show you my entire child theme css changes to see if you see the problem? The part I’m trying to change is the “Ooops! You’ve landed on the wrong page”
And thanks for the link to your stylesheet! Your site looks great and I’m sure I can learn a lot from it!
You can do a search for
.post-title a
from your browser while on the editor screen and see if it pulls up two matches.Although, I think the last entry in the stylesheet should take priority over anything above it. (Ken, Syahir correct me if I’m wrong).
What is the URL and a brief description of what you are wanting to change?
ModAlthough, I think the last entry in the stylesheet should take priority over anything above it.
Yep, this is correct. So
p {font-size:10px;}
p {font-size:40px;}
p {font-size:100px;}will make all your paragraph text be 100 pixels tall.
Here’s everything I’ve got with .post-title a
.post-title
.post-title a {font-size:200px}
.post-title a,:visited {
border-bottom: 1px solid #e3e3e3;
font-size: 200px
font-family: Trebuchet, Trebuchet MS, Arial, sans-serif;
padding-bottom: 5px;
text-align: left,
}
I used 200 as the font size just to easily identify the change. I moved it to the bottom of the stylesheet to make it the last entry. Still no change.
Thank you all so much for helping!
ModYou need semicolons between your declarations, not commas (or nothing!). See this page:
http://www.w3schools.com/css/css_syntax.asp
for proper syntax.
So, cleaning up your code a bit, you should try:
.post-title,
.post-title a,
.post-title a:visited {
border-bottom: 1px solid #e3e3e3;
font-size: 200px;
font-family: Trebuchet, Trebuchet MS, Arial, sans-serif;
padding-bottom: 5px;
text-align: left;
}See how that works.
(You should enter code between backticks btw.)
- You must be logged in to reply to this topic.