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 »

overlay login boxes in header's logo area


  #1  
Old May 6, 2013, 10:42 AM
jcpcosta
 
32 posts · Oct 2012
Portugal
overlay login boxes in header's logo area

Hi guys..!

Could you please tell me how to overlay login boxes in header's logo area? I think It's positioning with CSS but where and how?

This is my website's URL: http://mlearning.mdsinsure.com/

Thank you
  #2  
Old May 6, 2013, 11:09 AM
juggledad's Avatar
juggledad
 
23,729 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
learn how to use Firebug in firefox, then you can examine the area involved and play with CSS to move it. I'd play with the 'position', 'top' and 'right' css rules.
  #3  
Old May 6, 2013, 11:53 AM
jcpcosta
 
32 posts · Oct 2012
Portugal
Ok, what I did was:

ATO --> Add CSS inserts:

div#wplb_wrap { position: relative; top: 40px; ;
}

and it seems to work although now there's a blank space at the top..I mean that's the background so seems that all website should closer to the top, right??
  #4  
Old May 6, 2013, 12:33 PM
juggledad's Avatar
juggledad
 
23,729 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
this is what happens when you start playing. How did that code get there in the first place?
why not add the code for those fields into the 'Configure header Area' option and style them from there.
  #5  
Old May 7, 2013, 03:52 AM
jcpcosta
 
32 posts · Oct 2012
Portugal
well I found this piece of code using Firebug! Anyways, now I added the code into the 'Configure header Area' as you mentioned, it's looking better now but I still don't know how to overlap login boxes
  #6  
Old May 7, 2013, 06:56 AM
juggledad's Avatar
juggledad
 
23,729 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
It doesn't look like you added the HTML that makes the login section to the 'Configure Header Area' option

Bookmarks

Tags
boxes, css, login, overlay, positioning

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] How can I add div boxes to areas other than the posts/pages content area? tsheridan Atahualpa 3 Wordpress theme 7 Feb 22, 2012 07:27 AM
How to make logo area on beside or overlay header image? phuongnv Header configuration & styling 16 Mar 17, 2011 07:09 PM
creating 2 separate boxes in header, for logo and nextgen slideshow gallery rinoa3108 Header configuration & styling 8 Mar 8, 2010 06:19 PM
Putting a image background in the header's logo area kirinafa Header configuration & styling 2 Feb 18, 2009 05:08 PM


All times are GMT -6. The time now is 09:21 AM.


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