Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)
-   -   Centering the Blog Title and Tagline in the Header (http://forum.bytesforall.com/showthread.php?t=16488)

Quantum47 Jan 12, 2012 07:36 PM

Centering the Blog Title and Tagline in the Header
 
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.:confused:
My blog is the-quantumfactor.com

lmilesw Jan 12, 2012 09:22 PM

How about using text-align:center for .blogtitle and .blogtagline?

Quantum47 Jan 13, 2012 03:56 PM

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?

lmilesw Jan 13, 2012 04:37 PM

Take off the float left and set the right and left margins to auto.

Quantum47 Jan 13, 2012 05:46 PM

Where do I do that?
Sorry - I am still a bit of a beginner.

kangcarew Jan 13, 2012 07:15 PM

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>


lmilesw Jan 13, 2012 08:24 PM

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;
}


Quantum47 Jan 14, 2012 04:38 AM

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

juggledad Jan 14, 2012 05:55 AM

Take a look at the css tutorials at w3schools.com/css

kangcarew Jan 14, 2012 01:43 PM

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.


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

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