Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

Centralising Title Text


  #1  
Old Jan 31, 2009, 03:49 AM
Steve_T
 
59 posts · Jan 2009
http://digitalvillage.org.uk/blog/

how can I centralise the blog title

I've chosen to overlay it over the image and I thought this would do it (in blog title styles)

align: center;
  #2  
Old Jan 31, 2009, 03:59 AM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
At Atahualpa Theme Options -> Header Image -> Overlayed Blog Title/Tagline Style, remove the existing styles and add this instead:

HTML Code:
float: none; 
margin-left: auto; 
margin-right: auto;              
margin-top: 30px; 
text-align:center;
The line

HTML Code:
margin-top: 30px;
is for the distance between the blog title and the top border of the header image. Increase or decrease that value to move the blog title up and down.
  #3  
Old Jan 31, 2009, 04:04 AM
Steve_T
 
59 posts · Jan 2009
thank you

this line

HTML Code:
margin-top: 30px;
also moves the image down so I've removed it

how can I just move the text down so that it sits more centrally over the image
  #4  
Old Jan 31, 2009, 04:47 AM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
You're right, margin-top only works for left or right floated titles but not for centered (non-floated). Use this instead:

HTML Code:
padding-top: 30px;
But if you're using a border around the overlayed blog title (which you are not, but others might), then the border would stay on top. To avoid that, the top padding would have to be applied to the parent container instead, via HTML/CSS Inserts -> CSS Inserts

HTML Code:
 div.header-image-container {
padding-top: 30px; 
height: XXXpx; }
with XXX being the [desired image height] - [padding-top value], so if image height is 150 px and padding-top 30px, this would be "height: 120px;"


I am updating the "centered" example in the Theme Options...

Last edited by Flynn; Feb 1, 2009 at 08:29 AM. Reason: Made [image height] - [padding-top] a bit clearer

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] 3.4: Confused: body title versus meta title jankph Atahualpa 3 Wordpress theme 0 Jul 12, 2009 03:30 AM
Changing the links default title text to an image jpg of text veenublue Sidebars & Widgets 2 Jun 5, 2009 06:05 AM
[SOLVED] Header Title - Edit colors of text Craig Mattice Header configuration & styling 2 May 7, 2009 12:55 AM
Remove blog title text add image benw Header configuration & styling 4 Apr 28, 2009 03:50 PM
Header image between Blog Title/Sub Title and search box bseppa Header configuration & styling 1 Mar 15, 2009 02:39 PM


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


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