Wordpress Themes - WP Forum at BFA - [SOLVED] How to center the logo?

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)

- Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)

- - [SOLVED] How to center the logo? (http://forum.bytesforall.com/showthread.php?t=756)

joe hark

Mar 14, 2009 10:41 AM

[SOLVED] How to center the logo?

I know how to cause the logo to be centered by editing a PHP file. But is there a setting in the ttheme control panel that will do this?

Flynn

Mar 17, 2009 03:03 PM

There is no single theme option for this. But it could be accomplished by removing the header search box and all RSS buttons via the theme options, then center the blog title or logo with CSS in the theme options or with a CSS Insert (A. Theme Options -> HTML/CSS Inserts -> CSS Inserts)

joe hark

Mar 18, 2009 04:04 PM

What could I edit and how in STYLE.CSS to center the logo?

Quote:

/*-------------------- LOGO AREA --------------------------*/

table#logoarea,
table#logoarea tr,
table#logoarea td {
margin: 0;
padding: 0;
background: none;
border: 0;
}

table#logoarea {
width: 100%;
max-width: 100%;
/* more ... */
}

/*-------------------- LOGO -------------------------------*/

.logo {
display: block;
/* more ... */
}

td.logoarea-logo {
width: 1%;
}

I have inserted " align: center; " in the above Logo Area and Logo but that has no effect. Likewise, no joy after editing header.php to insert the same instruction as:

Quote:

table#logoarea {
align: center;
border-spacing: 0px;
<?php echo $bfa_ata_logoarea_style; ?>
}

.logo {
align: center;
<?php echo $bfa_ata_logo_style; ?>
}

Suggestions on what to edit will be greatly appreciated.

Thanks!

pmphilipps

Apr 28, 2009 09:35 AM

Yes, i'd like to do the same but doesnt know how to...

Flynn

Apr 28, 2009 03:56 PM

Add a CSS Insert

HTML Code:

td.logoarea-title {

text-align: center;

}

venture4th

Sep 15, 2009 04:15 AM

Quote:

Originally Posted by joe hark (Post 3015)

I know how to cause the logo to be centered by editing a PHP file. But is there a setting in the ttheme control panel that will do this?

Here's a fix i've used:

You can move the logo over by adjusting the margins - see below. Play around with the figure until it looks centered when you view your site. Not as precise as a center tag but it works. My theme is set to fluid width with max of 1250px. looks o/k in my browser but haven't checked in other browsers or resolutions.

To change the margin go to Atahualpa Theme Options/Style & edit HEADER AREA/Logo Image:Styling and change the last figure from 0 to the number of px you want to move it to the right. Add the px after the number.
:)

willh

Sep 11, 2010 02:31 AM

Hello,
I was able to center an image logo in IE using...

HTML Code:

td.logoarea-logo {

text-align: center;

}

...however the logo image doesn't center in Firefox and Chrome. Do I need to use something other than text-align?

Thank you,
Will

lmilesw

Sep 11, 2010 04:50 AM

You can try this in ATO>Add HTML/CSS Inserts>CSS Inserts. Just change the width to the actual width of your logo image or it will resize it.

HTML Code:

td.logoarea-logo img {width:200px;margin-left:auto;margin-right:auto;}

willh

Sep 11, 2010 12:33 PM

Quote:

Originally Posted by lmilesw (Post 43062)

You can try this in ATO>Add HTML/CSS Inserts>CSS Inserts. Just change the width to the actual width of your logo image or it will resize it.

HTML Code:

td.logoarea-logo img {width:200px;margin-left:auto;margin-right:auto;}

Works great! Thank you, Larry!

Will

All times are GMT -6. The time now is 06:56 AM.