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] Banner to overlap Header image


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 Oct 6, 2011, 05:45 PM
adrian29630
 
39 posts · Sep 2011
I am working on a website http://gocabrera.com and am trying to position a banner at the top of the page. Currently it is 486 x 60 inside a widget but we would prefer to have it at 720 x 120. Placing this above the header image drives the header too low and creates a large blank space which does not look good. The solution would seem to be to find a way to place the banner or widget partially over the header image but I have no idea if this is possible or how it could be accomplished.

You can see what I mean from the following images:-



I am using the most up to date versions of WordPress and Atahualpa.

Any suggestions will be greatly appreciated.

Thanks

Adrian
  #2  
Old Oct 6, 2011, 06:26 PM
lmilesw's Avatar
lmilesw
 
10,054 posts · Jul 2009
Central New York State USA
One way would be to put the following in CSS Inserts
HTML Code:
#ws_widget__ad_codes-3 {
    position: relative;
    top: 50px;
    z-index: 99;
    height: 0;
}
I just used Firebug to find the selector and applied the necessary CSS.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Oct 7, 2011, 08:45 PM
adrian29630
 
39 posts · Sep 2011
Hi. Thank you for such a quick response. Unfortunately I think I have done something which stops this working. I was originally using Ad codes widget but due to it's limited facilities I switched to using AdRotate. I tried changing the word ad_codes to adrotate but it had no effect and now the advert is appearing in the top left of the page rather than in the center where it was before. If you can possibly provide a solution I would be very appreciative.

Thanks
Adrian
  #4  
Old Oct 7, 2011, 09:18 PM
lmilesw's Avatar
lmilesw
 
10,054 posts · Jul 2009
Central New York State USA
So you just get the new selector and modify the CSS a bit. Below is a suggestion for a new code but as you can see learning to use Firebug and CSS is important for website work.
HTML Code:
#adrotate_widgets-3 {
    position: relative;
    top: 60px;
    z-index: 99;
    height: 0;
    left: 400px;
}
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #5  
Old Oct 7, 2011, 09:31 PM
adrian29630
 
39 posts · Sep 2011
Thank you so much. You are an absolute gem. You are also correct about Firebug and CSS. CSS I can work with up to a point but Firebug is still something of a mystery. Although I generally use Firefox for web work I need to spend some time discovering all that Firebug can do. Finding the time is the problem!

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Rotating Header Images show overlap from another Image on right dgronwald Header configuration & styling 2 Jul 26, 2011 06:56 PM
Positioning the Logo to overlap the header image sstasio Header configuration & styling 2 Dec 2, 2010 07:23 PM
[SOLVED] Banner ad above header image? WetWillie Header configuration & styling 4 Nov 18, 2010 04:08 AM
Can I overlap the header on my main content area? Masselyn Header configuration & styling 1 Feb 2, 2010 04:41 AM
Help needed to sort out header links (beneath banner/header image) jakc Header configuration & styling 0 Nov 18, 2009 03:29 AM


All times are GMT -6. The time now is 10:39 PM.


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