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 » Center area post/pages »

[SOLVED] Positioning center column with a fixed left margin on background 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 Jun 12, 2011, 06:08 AM
annsworld
 
84 posts · Mar 2010
[SOLVED] Positioning center column with a fixed left margin on background image

Hi,


I have added a background image to www.annsworld.com

I would like the actual website starting with the logo area's upper left hand corner to be positioned at the top (which it does) and 200px away from the background image's left edge. Currently it centers horizontally.

There must be a way of positioning the whole thing align: left; padding-left:200px; (or something like that. But where would I actually have to put this?

ATO -> ???

Thanks,
Ann.
  #2  
Old Jun 13, 2011, 09:03 AM
lmilesw's Avatar
lmilesw
 
10,047 posts · Jul 2009
Central New York State USA
To position the center area as you want you would use something like the following.
HTML Code:
#wrapper {
    left: 200px;
    position: absolute;
}
As an aside the file size of your background image is very large (almost 1Mb) and will slow down page loads.
__________________
~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 Jun 13, 2011, 10:18 AM
annsworld
 
84 posts · Mar 2010
Thank you. Do I put that into the CSS or ito the header where I put the code for the background image?

Ann.
  #4  
Old Jun 13, 2011, 10:20 AM
annsworld
 
84 posts · Mar 2010
Missed the bit about the page loads. Oh thank you, I need to look at that. I need actually to rewrd the background image - I took the one from twitter to test. :-)

As an aside, how do I get an image to tile? For the other site I am working on.
  #5  
Old Jun 13, 2011, 02:53 PM
lmilesw's Avatar
lmilesw
 
10,047 posts · Jul 2009
Central New York State USA
Quote:
Originally Posted by annsworld
As an aside, how do I get an image to tile? For the other site I am working on.
You use the CSS repeat command. See w3schools.com
__________________
~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.
  #6  
Old Jun 13, 2011, 10:02 PM
annsworld
 
84 posts · Mar 2010
Thank you Larry,

Turns out I had a semicolon too many in there that's why it didn't tile. Life would be soooo much easier without typos!!

The wrapper thing is not working. The inner column moves around as before rather that staying attached to the left hand side at 200px. Any ideas?
  #7  
Old Jun 13, 2011, 02:52 PM
lmilesw's Avatar
lmilesw
 
10,047 posts · Jul 2009
Central New York State USA
Quote:
Originally Posted by annsworld
Do I put that into the CSS or ito the header where I put the code for the background image?
You put it in ATO>Add HTML/CSS Inserts>CSS Inserts
__________________
~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
[SOLVED] Background image in center column??? theadventurebite Center area post/pages 3 Jan 18, 2011 01:25 PM
[SOLVED] Margin below center column and above footer marced Center area post/pages 8 Dec 5, 2010 07:57 AM
Fixed Position Layout with fixed center column? 49Monsters Center area post/pages 1 Nov 3, 2010 02:41 PM
Fixed height center column henning Center area post/pages 6 Jul 27, 2010 10:16 AM


All times are GMT -6. The time now is 03:07 AM.


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