Results 1 to 7 of 7
  1. #1
    Join Date
    Sep 2008
    Posts
    219
    Plugin Contributions
    0

    Default Main window shift - Floating main window

    Hello everyone

    I am having this strange issue a very simple task yet I am unable puzzled.

    Template: Lite Red
    Site: www.megasaveonline.com

    All I want is to move the main/body(the white area) down a little but keep the gray background in it's place. I've tried many attempts suggested by other posts but in most cases the whole thing shifts down or it seems that I've increased the logowrapper space

    I just want the white area shifted down - as if its floating within the gray area(image).

    Thank you all so much

  2. #2
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: Main window shift - Floating main window

    Try fixing the background and adding a margin to the body

    I also do not see where you have a class defined for .body-bg
    See highlighted
    Code:
    body {
    	margin: 0;
    	font-family: arial, helvetica, sans-serif;
    	font-size: 0.72em;
    	color: #333333;
    	line-height: 17px;
    	}
    .body-bg {
    	background: #f3f3f3 url("../images/body_up.gif") no-repeat center top;
    }
    With this adjust to suit
    Code:
    body {
    	margin: 10em 0em 10em 0em;
            background:  url("../images/body_up.gif") no-repeat center top;
            background-position: fixed;
    	font-family: arial, helvetica, sans-serif;
    	font-size: 0.72em;
    	color: #333333;
    	line-height: 17px;
    	}
    Zen-Venom Get Bitten

  3. #3
    Join Date
    Sep 2008
    Posts
    219
    Plugin Contributions
    0

    Default Re: Main window shift - Floating main window

    Quote Originally Posted by kobra View Post
    Try fixing the background and adding a margin to the body

    I also do not see where you have a class defined for .body-bg
    See highlighted
    Code:
    body {
    	margin: 0;
    	font-family: arial, helvetica, sans-serif;
    	font-size: 0.72em;
    	color: #333333;
    	line-height: 17px;
    	}
    .body-bg {
    	background: #f3f3f3 url("../images/body_up.gif") no-repeat center top;
    }
    With this adjust to suit
    Code:
    body {
    	margin: 10em 0em 10em 0em;
            background:  url("../images/body_up.gif") no-repeat center top;
            background-position: fixed;
    	font-family: arial, helvetica, sans-serif;
    	font-size: 0.72em;
    	color: #333333;
    	line-height: 17px;
    	}
    Thank you so much chief I've made the change and now the site looks a little strange. I've replace this

    body {
    margin: 0;
    font-family: arial, helvetica, sans-serif;
    font-size: 0.72em;
    color: #333333;
    line-height: 17px;
    }
    with:
    body {
    margin: 10em 0em 10em 0em;
    background: url("../images/body_up.gif") no-repeat center top;
    background-position: fixed;
    font-family: arial, helvetica, sans-serif;
    font-size: 0.72em;
    color: #333333;
    line-height: 17px;
    }

    So I see that the background image background is what was added to the body tag (Is that right?)

    I am not sure what you mean by:

    I also do not see where you have a class defined for .body-bg
    See highlighted


    I have not made any changes to the style sheet yet. This is my first change ever.

    What I tried to do to fix this (white corners) is add
    margin: -10em 0em 10em 0em; in the .body-bg { (not sure if it's called class or tag) so that I can then pull it up by same amount but everything shifts back up and goes back to original.

    I wrote a lot I hope I am being clear.

  4. #4
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: Main window shift - Floating main window

    I had not checked your images....

    I think this is what you are after maybe - See it HERE
    Zen-Venom Get Bitten

  5. #5
    Join Date
    Sep 2008
    Posts
    219
    Plugin Contributions
    0

    Default Re: Main window shift - Floating main window

    Quote Originally Posted by kobra View Post
    I had not checked your images....

    I think this is what you are after maybe - See it HERE
    Thanks Kobra that is what I am after... Sorry I had to leave earlier

  6. #6
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: Main window shift - Floating main window

    PM me your email address and I will send you the image and css alteration
    Zen-Venom Get Bitten

  7. #7
    Join Date
    Sep 2008
    Posts
    219
    Plugin Contributions
    0

    Default Re: Main window shift - Floating main window

    Quote Originally Posted by kobra View Post
    PM me your email address and I will send you the image and css alteration
    Hello once again, just fulfilled the above.

 

 

Similar Threads

  1. Window popup on main page - Problems
    By J9MM0 in forum All Other Contributions/Addons
    Replies: 0
    Last Post: 16 Feb 2015, 06:24 PM
  2. Page shift in reszed window
    By skipjensen in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 12 Mar 2011, 03:10 PM
  3. changing backgrounds in main window
    By Kountessa in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 31 Jul 2010, 07:30 AM
  4. Popup window on main page
    By robbinsgj in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 13 Nov 2009, 03:08 AM
  5. Border in Main Window
    By hardwiredtemplates in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 17 Feb 2009, 01:28 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