Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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, 02: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, 09:49 PM
lmilesw's Avatar
lmilesw
 
10,176 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, 01: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, 12:56 PM
lmilesw's Avatar
lmilesw
 
10,176 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 06:41 PM
[SOLVED] Full width header with fixed width image and background color WilliamNavidson Header configuration & styling 4 Jun 10, 2011 02:13 AM


All times are GMT -6. The time now is 02:08 AM.


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