Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Center area post/pages (http://forum.bytesforall.com/forumdisplay.php?f=32)
-   -   Custom Post Title Placement (http://forum.bytesforall.com/showthread.php?t=15026)

bswb97 Aug 6, 2011 12:52 AM

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?

juggledad Aug 6, 2011 03:55 AM

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

bswb97 Aug 7, 2011 12:54 AM

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?

juggledad Aug 7, 2011 02:44 AM

That and font size


All times are GMT -6. The time now is 10:13 PM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.