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 »

Trying to center align smaller header image`


  #1  
Old Aug 8, 2011, 09:24 AM
Katmoody
 
36 posts · Jun 2011
Hello -
I might change the header image around if I have to, but assumed this was a relatively easy fix. I've been wracking my brain without much success though. *sniffs*
My problem - I was able to get my clickable header image up in the header area *YAY* because a search of the forum showed me a great and easy way to do this. BUT I can't seem to get the image to center on my page! It is a smaller width (around 900 px) than the minimum (set to 1000 px) or the maximum fluid width (set to 1250 px). I can't get it to Center using the header styling area at all.
I figure this is such an easy fix - can you help me?
By the way I ADORE this theme and have been able to talk several other folks into using it when they saw how much I've been able to retool my site using it. Thanks so much for all the hard work you all do to help us have greater control over how our sites look!
Katrina "Kat" Moody

to see the site and see what I mean: http://www.katscafe.org

Thanks again!
  #2  
Old Aug 8, 2011, 11:07 AM
juggledad's Avatar
juggledad
 
23,672 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Looks like it is centered now and the page size is fixed. Did you make some changes?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Aug 8, 2011, 12:09 PM
Katmoody
 
36 posts · Jun 2011
Quote:
Originally Posted by juggledad
Looks like it is centered now and the page size is fixed. Did you make some changes?
Yeah - I just figured it out before you post - but still having trouble doing a basic image map in the sidebar - is there a reason it won't work off the bat that you know of?

I wanted to make sure the site was working on some other browsers before I posted it back here. But I finally just put the <center> and </center> in the code ... I just thought that the <center> was depreciated for some reason?

Thanks again. Do you have any ideas on the sidebar?

Kat
  #4  
Old Aug 8, 2011, 01:15 PM
juggledad's Avatar
juggledad
 
23,672 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Quote:
. Do you have any ideas on the sidebar?
umm...what is the question?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Aug 8, 2011, 02:49 PM
Katmoody
 
36 posts · Jun 2011
Quote:
Originally Posted by juggledad
umm...what is the question?
Sorry - thought I had said something *blushes* I wanted to include an image map on my chalkboard image I have in the sidebar:
http://www.katscafe.org but when I tried to do it, it didn't work. I can't get a clickable link. I was wondering if you had any ideas what the problem might be - I'm pretty sure the code is fine, as I triple-checked it. But I'll be checking it again here shortly. :-) Thanks
Katrina
  #6  
Old Aug 8, 2011, 04:18 PM
juggledad's Avatar
juggledad
 
23,672 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
might want to play with it'sz-index
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Aug 8, 2011, 06:41 PM
Katmoody
 
36 posts · Jun 2011
z-index?

I temporarily attached it to the end of my main header and used the fix to use the image map for the whole thing. It works, for now, but I would like to be able to do an image map in the sidebar eventually. If you could explain what the z-index is after you've dealt with more pressing cases perhaps I can go from there. There is no rush as I have fixed it temporarily.

Thanks again for all your hard work!
Kat
  #8  
Old Aug 8, 2011, 06:54 PM
juggledad's Avatar
juggledad
 
23,672 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
The z-index causes a layer to stack above another layer - take a read at http://www.w3schools.com/cssref/pr_pos_z-index.asp
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #9  
Old Aug 9, 2011, 01:37 PM
Katmoody
 
36 posts · Jun 2011
Thanks so much! I have to say you guys have been so friendly I have slowly been learning tons after I switched over to this theme! I love it! Thanks for all your hard work and I'll be studying on the link!

Kat

Quote:
Originally Posted by juggledad
The z-index causes a layer to stack above another layer - take a read at http://www.w3schools.com/cssref/pr_pos_z-index.asp

Bookmarks

Tags
alignment, header

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
right align tagline, header image background color cway Header configuration & styling 1 Feb 24, 2011 05:56 AM
Center align comment box? jasontbedell Comments, trackbacks & pings 3 Jan 3, 2011 08:39 AM
How do I get the theme to content area to center for smaller monitors? eDee Center area post/pages 2 Sep 26, 2010 05:26 PM
Put a smaller image in the post with a link to its large version? Antonino Giglio Header configuration & styling 6 Mar 9, 2010 04:33 AM


All times are GMT -6. The time now is 08:46 PM.


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