Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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

Custom Post Title Placement


  #1  
Old Aug 6, 2011, 12:52 AM
bswb97
 
158 posts · Aug 2010
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?
  #2  
Old Aug 6, 2011, 03:55 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Aug 7, 2011, 12:54 AM
bswb97
 
158 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
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
That and font size
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
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 03:29 AM.


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