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 »

[SOLVED] Center Header


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 Jan 25, 2012, 01:30 AM
jonzilla45
 
11 posts · Jul 2011
I've been trying different things with no luck to get my four header images to re-size to the center when I make my browser smaller - it bleeds into the right sidebar

Thanks!

http://www.redknightschapter40.com
  #2  
Old Jan 25, 2012, 03:32 AM
juggledad's Avatar
juggledad
 
21,712 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
When you use the fade in/fade out option, th code always locks your image to the left side of the screen. You might want to try a plugin in place of the Atahualpa images - add a new widget area to the 'Configure Header Area' option and then add the widget to that area.

You could try the cimy-header-image-rotator plugin
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #3  
Old Jan 30, 2012, 12:34 PM
jonzilla45
 
11 posts · Jul 2011
Thanks JuggleDad, I am trying the cimy-header-image-rotator plugin. One plus is that potential future clients can install header images themselves. One big minus, is that it is very slow loading. The Atahualpa loads instantly. Also with the Cimy, I still haven't been able to center the images when reducing the browser. I tried replacing the "left: 50%;" with "left: 0%;" Below is the code, thanks John.

================================================== ======================

<!-- Header -->
<td id="header" colspan="<?php echo $cols; ?>">

<?php echo bfa_header_config(); ?>
<!-- Cimy -->
<div id="cimy_div_id_0">Loading images...</div>
<div class="cimy_div_id_0_caption"></div>
<style type="text/css">
#cimy_div_id_0 {
float: left;
margin: 1em auto;
border: 1px solid #000000;
width: 100%;
height: 150px;
}
div.cimy_div_id_0_caption {
position: absolute;
margin-top: 175px;
margin-left: -75px;
width: 150px;
text-align: center;
left: 50%;
padding: 5px 10px;
background: black;
color: white;
font-family: sans-serif;
border-radius: 10px;
display: none;
z-index: 2;
}
</style>
<noscript>
<div id="cimy_div_id_0_nojs">
<img id="cimy_img_id" src="http://www.redknightschapter40.com/wp-content/Cimy_Header_Images/0/Header-1.jpg" alt="" />
</div>
</noscript>


<!-- / Cimy -->


</td>
<!-- / Header -->

================================================== ===================

http://www.redknightschapter40.com/
  #4  
Old Jan 30, 2012, 02:10 PM
juggledad's Avatar
juggledad
 
21,712 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
Here is an idea, make the site a fixed width site. then you can make all the header images the width of the site and use the atahualpa fade in/out.
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #5  
Old Jan 30, 2012, 05:27 PM
jonzilla45
 
11 posts · Jul 2011
Keep rolling JuggleDad - RedKnightsChapter40.com looks great now. The header images loads instantly, and they are centered when I reduce my browser, so it will look proper on small screens (no bleeding into the right sidebar.) I did the following:

I deactivated the Cimy Header Image Rotator. I thought I was still having problems, so I deleted the plugin. But then I realized that I had to delete the Cimi code that I put in the header file. I went to the Atahualpa "Layout WIDTH and type (FLUID or FIXED)" and entered 1300px (the original Atahualpa header images were 1300 x 150) for fixed width and eureka - problem solved.

Thanks again!
John

Bookmarks

Tags
center header, header image, re-size header

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
How can I get my logo in the center of the header area? vasantib Header configuration & styling 22 Mar 12, 2010 08:49 AM
[SOLVED] Center ad in Header in 3.4.4 ShootWireless Header configuration & styling 5 Jan 28, 2010 01:25 PM
[SOLVED] Center Header Widget? ChrisPanimation Header configuration & styling 14 Nov 30, 2009 08:48 PM


All times are GMT -6. The time now is 12:24 AM.


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