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 »

Centering the Blog Title and Tagline in the Header


  #1  
Old Jan 12, 2012, 07:36 PM
Quantum47
 
4 posts · Mar 2011
Queensland, Australia
Send a message via Skype™ to Quantum47
I want to center the text for my Blog Title and Tagline in the header.
How can this be achieved?
I have unsuccessfully searched for a means of setting a left margin for these texts.
My blog is the-quantumfactor.com
  #2  
Old Jan 12, 2012, 09:22 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
How about using text-align:center for .blogtitle and .blogtagline?
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Jan 13, 2012, 03:56 PM
Quantum47
 
4 posts · Mar 2011
Queensland, Australia
Send a message via Skype™ to Quantum47
I have tried text-align: center
I have my width set to 990px
text-align: left sets the left side of text approximately one third of the the way across and text-align: center uses that same left margin.
How can I reduce that left margin?
  #4  
Old Jan 13, 2012, 04:37 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Take off the float left and set the right and left margins to auto.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #5  
Old Jan 13, 2012, 05:46 PM
Quantum47
 
4 posts · Mar 2011
Queensland, Australia
Send a message via Skype™ to Quantum47
Where do I do that?
Sorry - I am still a bit of a beginner.
  #6  
Old Jan 13, 2012, 07:15 PM
kangcarew
 
14 posts · Dec 2011
Go to "Atahualpa Theme Options", then scroll down to "Add Html/Css inserts" in the 1st box paste the following
Code:
<style type="text/css">
div.titleoverlay {
    float: none;
    margin-left: auto;
    margin-right: auto;
}
</style>
  #7  
Old Jan 13, 2012, 08:24 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
I suspect the code that is causing the issue is in the theme options somewhere. Editing that would be my first choice to fix. You could also use the code kangcarew gave you with a slight modification and just put it in the CSS Inserts box in that same section. You don't need to include the style wrapper in that box. It could just be
HTML Code:
div.titleoverlay {
    float: none !important;
    margin: 0 auto !important;
}
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #8  
Old Jan 14, 2012, 04:38 AM
Quantum47
 
4 posts · Mar 2011
Queensland, Australia
Send a message via Skype™ to Quantum47
Thanks Larry and Kangcarew.
Both methods work great.
Where can I get the instructions to sort this out myself?
Is there a guide for this type of coding?

Cheers
Reg
  #9  
Old Jan 14, 2012, 05:55 AM
juggledad's Avatar
juggledad
 
23,667 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Take a look at the css tutorials at w3schools.com/css
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by lmilesw; Jan 14, 2012 at 06:12 AM.
  #10  
Old Jan 14, 2012, 01:43 PM
kangcarew
 
14 posts · Dec 2011
I've found that installing firebug for firefox and looking at the specific elements on your page while messing with the code allows you to check by trial and error without endangering your code. It's also helpfull if you see something cool on another site and you wonder how they achieved it.

Bookmarks

Tags
blog title layout, header configuration, tagline style

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
BUGFIX 364-04: Tagline will show when Overlay Blog TITLE over Header Image(s)? = yes juggledad Old Version fixes and change logs 0 Feb 19, 2011 05:09 PM
[SOLVED] Blog Title and Tagline Not Overlaying Over Header internetquest Header configuration & styling 1 Jan 22, 2011 09:22 AM
Fade in/out header Overlayed Blog Title/Tagline Style jj001 Header configuration & styling 1 Sep 5, 2010 06:50 PM
Centering Blog title and Tagline tirolermadl Header configuration & styling 1 Apr 24, 2010 05:26 AM
Centering Title and tagline PhillM Header configuration & styling 1 Jun 14, 2009 03:39 PM


All times are GMT -6. The time now is 04:23 PM.


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