Results 1 to 4 of 4
  1. #1
    Join Date
    May 2010
    Posts
    222
    Plugin Contributions
    0

    Default backround and #logowrapper

    If you open up your template's CSS file, you will notice a Body area. Mine looks like:

    Code:
    body {
    	margin: 0;
    	font-family: verdana, arial, helvetica, sans-serif;
    	font-size: 62.5%;
    	color: #000000;
    	background-color: #000099;
    	}

    If I change the "backround-color", that changes the color of the side trim on my page. How can I make that side trim go away and allow my #logowrapper to cover the entire page?

  2. #2
    Join Date
    Dec 2006
    Location
    Seligman, MO U.S.A.
    Posts
    2,101
    Plugin Contributions
    5

    Default Re: backround and #logowrapper

    Well, as that's the whole background, you CAN'T make it go away, as that's what your sites pages actually "lay" on, but you CAN change that background to #fff; (white).
    Then you can make your site use the whole page by finding this line of code:

    Code:
    #mainWrapper {
        background-color: #ffffff;
        text-align: left;
        width: 750px;
        vertical-align: top;
        border: 1px solid #9a9a9a;
        }
    And change the "width: 750px;" to width: 100%;
    Teach them to shop and they will shop today;
    Teach them to Zen and they will OWN a shop tomorrow!

  3. #3
    Join Date
    Apr 2010
    Location
    SAN DIEGO
    Posts
    25
    Plugin Contributions
    0

    Default Re: backround and #logowrapper

    Quote Originally Posted by Get Em Fast View Post
    Well, as that's the whole background, you CAN'T make it go away, as that's what your sites pages actually "lay" on, but you CAN change that background to #fff; (white).
    Then you can make your site use the whole page by finding this line of code:

    Code:
    #mainWrapper {
        background-color: #ffffff;
        text-align: left;
        width: 750px;
        vertical-align: top;
        border: 1px solid #9a9a9a;
        }
    And change the "width: 750px;" to width: 100%;
    How would you go or is it even possible to have a full pic as a background and the site that goes on top in width 1024 for example but your screen is 1600 x so you could see the 'behind' (excuse my french) hence the pic.
    Is this even possbile ?

  4. #4
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    20,021
    Plugin Contributions
    3

    Default Re: backround and #logowrapper

    As you said, you can't have a body background image that will work with all screen resolutions, unless it's a simple repeating image that you can 'tile'.

 

 

Similar Threads

  1. Space between headerWrapper and logoWrapper
    By Hell Guapo in forum Templates, Stylesheets, Page Layout
    Replies: 34
    Last Post: 22 Jul 2012, 05:13 PM
  2. Backround image inside sideboxes like category and bestsellers
    By Hemulen in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 3 Apr 2011, 03:36 PM
  3. Remove logo and use a photo for a backround?
    By dogjumps in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 24 Jan 2011, 03:23 PM
  4. header image and #logowrapper css issue
    By kcb410 in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 7 Feb 2010, 08:34 PM
  5. Adjusting NavWrapper and LogoWrapper
    By ZuluRose in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 10 Mar 2007, 03:12 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg