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 » Header configuration & styling »

Centralising Title Text


  #1  
Old Jan 31, 2009, 04: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, 04: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, 05: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, 05: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 09: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 04:30 AM
Changing the links default title text to an image jpg of text veenublue Sidebars & Widgets 2 Jun 5, 2009 07:05 AM
[SOLVED] Header Title - Edit colors of text Craig Mattice Header configuration & styling 2 May 7, 2009 01:55 AM
Remove blog title text add image benw Header configuration & styling 4 Apr 28, 2009 04:50 PM
Header image between Blog Title/Sub Title and search box bseppa Header configuration & styling 1 Mar 15, 2009 03:39 PM


All times are GMT -6. The time now is 02:41 PM.


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