Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages »

Custom Post Title Placement


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Aug 6, 2011, 12:52 AM
bswb97
 
148 posts · Aug 2010
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?
  #2  
Old Aug 6, 2011, 03:55 AM
juggledad's Avatar
juggledad
 
21,985 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
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
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #3  
Old Aug 7, 2011, 12:54 AM
bswb97
 
148 posts · Aug 2010
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?
  #4  
Old Aug 7, 2011, 02:44 AM
juggledad's Avatar
juggledad
 
21,985 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
That and font size
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support

Bookmarks

Tags
custom headlines, custom titles

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Post Title is truncated and will not display full post title ruddcl Center area post/pages 1 Mar 9, 2010 04:54 AM
Post title and sidebar title font type and size SamuelGoh Atahualpa 3 Wordpress theme 0 Feb 8, 2010 01:22 AM
SEO - Setting custom page title per page/post? gesman Header configuration & styling 2 Jul 23, 2009 04:03 PM
Widget Placement BillM Sidebars & Widgets 3 May 2, 2009 01:23 PM
Change color of post title only, not page title jockoe Atahualpa 3 Wordpress theme 1 Feb 26, 2009 06:14 PM


All times are GMT -6. The time now is 01:47 AM.


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