Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

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

Centering my logo better/adding a second logo


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Mar 1, 2009, 02:41 PM
jockoe
 
23 posts · Feb 2009
Centering my logo better/adding a second logo

I am wondering if the logo area is a table with 2 columns? (A column that holds the logo image and a column that holds the RSS/Search Box)


If it is... I would like to add a column above the left sidebar, making the logo area 3 columns, so that my logo can reside in the center column and be centered more over the center area of my page. (I would possibly put an image in the new, left column if possible)

Thank you

Last edited by jockoe; Mar 2, 2009 at 05:34 AM. Reason: Reduced image size/Added info
  #2  
Old Mar 2, 2009, 01:21 PM
Flynn's Avatar
Flynn
 
3,763 posts · Oct 2008
Munich, Germany
In bfa_header_config.php, after

PHP Code:
$logo_area '<table id="logoarea" cellpadding="0" cellspacing="0" border="0" width="100%"><tr>'
add

PHP Code:
$logo_area .= '<td rowspan="2" id="logoarea-left" valign="middle">
<img src="/path/to/image.gif" alt="text..." /></td>'

and add through HTM/CSS Inserts -> CSS Insert

HTML Code:
td#logoarea-left {
width: XXXpx; /* XXX = width of left sidebar */
.... other styles
}
to style the left column, or add an ID to the image and style that through a CSS Insert, or add the styles inline with <img style="...." or <td style="...."
  #3  
Old Mar 2, 2009, 06:31 PM
jockoe
 
23 posts · Feb 2009
Hi Flynn,
I seem to be having a terrible time getting my logo centered just right. I appreciate the time and help you've given me to get this right. It's very close but not quite there. I've followed the steps you've given and here is the result... Not in the center above the center area)


The above was accomplished with
Quote:
$logo_area = '<table id="logoarea" cellpadding="0" cellspacing="0" border="0" width="100%"><tr>';
$logo_area .= '<td rowspan="2" id="logoarea-left" valign="middle">
<img src="/path/to/image.gif" alt="put image here" /></td>';
in my bfa_header_config.php.

I thought I could figure out, from what you've given me, how to get my page to display how I want. So I changed rowspan to = 1 like so...
Quote:
$logo_area = '<table id="logoarea" cellpadding="0" cellspacing="0" border="0" width="100%"><tr>';
$logo_area .= '<td rowspan="1" id="logoarea-left" valign="middle">
<img src="/path/to/image.gif" alt="put image here" /></td>';
My logo gets centered correctly, but the search box moves to the left side. (which I don't want)


This is what's in my HTML/CSS INSERTS > CSS...
Quote:
td.logoarea-left {
width: 200px;
}

td.logoarea-logo {
width: 100%; /* to make this cell get all available width */
}
td.feed-icons,
td.search-box {
width: 200px; /* to limit these cells to the width of the right sidebar*/
}
img.logo {
margin: 0 auto; /* center image */
}
I'm afraid I might have other code somewhere that is conflicting with what you've posted, making it very difficult to center this.

Thanks http://www.tracyandcarol.com/

Last edited by jockoe; Mar 2, 2009 at 06:43 PM. Reason: Added my URL
  #4  
Old Mar 3, 2009, 02:52 PM
jockoe
 
23 posts · Feb 2009
Hi Flynn,

Here is where I am at...



My main logo centered how I've been wanting when I added the secondary logo. - I could not center the overlay that holds the date so I ended up using "margin-left: 39%;", which doesn't center it real well. I tried to follow the instructions you gave on centering the div container, but it would not budge from the left side. Lastly, the search box seems to be further down from the RSS icons. Do you know why that happened?

Thanks

Also... I am unable to style the <td> that contans the logo on the left. (The "M") That's why it is aligned to the top still.

Last edited by jockoe; Mar 3, 2009 at 02:59 PM. Reason: Logo on the left
  #5  
Old Mar 4, 2009, 07:32 AM
jockoe
 
23 posts · Feb 2009
Hi Flynn,

I've been able to get my logo area to be in a position more to my liking.


I've been trying for days to position the left logo to be centered horizontally and vertically.


No matter what I try, or where I put the code, this image won't budge from its spot. (This isn't the image I'll be using in this area, but I have not decided on which image I'll use) Do you have any ideas/suggestions on how to center this area?

Thanks http://www.tracyandcarol.com/

EDIT: I figured it out.

Last edited by jockoe; Mar 4, 2009 at 04:09 PM.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Switch positions of logo and search box? Logo on right side DogBot Header configuration & styling 1 Jun 12, 2009 10:17 AM
adding more than one pic/logo to the header area PJK Header configuration & styling 1 May 31, 2009 06:50 PM
[SOLVED] Centering blog and adding border rhymes Atahualpa 3 Wordpress theme 0 May 17, 2009 12:00 AM
replace "3 cubes" logo with custom logo image liontigerbear Header configuration & styling 3 May 13, 2009 02:07 PM
Logo Help Pam Header configuration & styling 7 Apr 9, 2009 08:14 AM


All times are GMT -6. The time now is 08:03 AM.


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