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 »

Using full width header option


  #1  
Old Oct 16, 2014, 03:01 PM
tlck9
 
151 posts · Aug 2010
I would like to span my header image across the page similar to this website w w w.unit4.c o m

I have used the style options and selected Full Width Header - yes

However it moves to one side.

So I have a couple of questions

What size image should I be using - I have read that it should be the size of the max screen resolution you expect the site to be looked on. However all the ones I have looked at are 1000px but span the whole screen at 1280px

I've tried centering the header image but this doesnt seem to work either.

I dont have an active site, just trialling on my local machine at the moment
  #2  
Old Oct 16, 2014, 10:49 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
You may have to apply CSS to have the image show as you want along with sizing it properly so it is not too pixelated.
__________________
~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 17, 2014, 02:32 PM
tlck9
 
151 posts · Aug 2010
I copied this from a responsive website, but not sure this would work - would I have to wait until Atahulpa is responsive to get this working

element.style {
width: 100%;
height: 100%;
opacity: 1;
position: relative;
background-image: url(http://mysite.com/wp-content/uploads/xxxx.jpg);
background-color: rgba(0, 0, 0, 0);
background-size: cover;
background-position: 50% 0%;
background-repeat: no-repeat;
}
  #4  
Old Oct 19, 2014, 01:56 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Just give it a try. Of course you will need to change the selector to target your header.
__________________
~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.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Problem with new Full Header option in 3.7.13 eleanorb New Versions, & Updating 18 Dec 19, 2013 07:41 PM
[SOLVED] Full width header with fixed width image and background color WilliamNavidson Header configuration & styling 4 Jun 10, 2011 03:13 AM


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


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