Custom Post Title Placement
I want to play with the post title and date/byline placement to give myself a little more design flexibility. Here's a good example:
http://www.deliciousdays.com/archive...vian-memories/ Obviously, I know how to tweak the style of the font size, background color, etc. but how do you place it in line with the text like that? Any ideas? Maybe use tables for the function call-outs? |
This is where you should learn to use FIreBug in FireFox. With this tool you can examine the CSS they are using to do this. Between the font size and margin, they have created this effect
|
That's a great tool! I've switched over to Chrome primarily as it loads faster on my system but now I'll know to use Firefox for this.
I identified the following coding in the CSS for the title: .PageTitle, .PostTitle, .firstPostTitle { color: #000000; float: left; font-size: 320%; line-height: 1em; margin: 0 5px 5px -100px; padding: 0 15px 0 20px; text-align: right; text-decoration: none; width: 415px; And here's the content: #content { margin: 0; padding: 0 30px 0 130px; position: relative; } So I'm guessing that this is just something to experiment with in "Style Posts & Pages" section. Is the set width for the title at 415px and the relative position for the content what allows it to display that way? |
That and font size
|
All times are GMT -6. The time now is 05:38 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.