Results 1 to 5 of 5
  1. #1
    Join Date
    Jun 2010
    Posts
    32
    Plugin Contributions
    0

    Default Background image...and yes I've looked EVERYWHERE

    blah blah blah...I keep reading about just adding
    Code:
    /*wrappers - page or section containers*/
    	#mainWrapper {
    	background-color: #FFFFFF;
    	background-image:url(../images/smartbg_wm.gif);
    	background-repeat:no-repeat;
    	background-position:center;
    	text-align: left;
    	width: 100%;
    	vertical-align: top;
            }
    but its not putting my watermark BG image. I've messed with the Smart BG module and totally abondoned that. Didn't get the hang of it.
    My url is http://www.force-test.com.

    Anyone know what I'm doing wrong? I just want the bg to show, even if its ONLY on the main page.

  2. #2
    Join Date
    Feb 2010
    Posts
    154
    Plugin Contributions
    0

    Default Re: Background image...and yes I've looked EVERYWHERE

    curbside,

    You have the background set to 'white' in both the #mainWrapper and the .content_bg styles.

    Taken them out and your background image will show behind the text.

    PS.

    Use the 'inspect element' option (right click a webpage) in Google Chrome browser to save yourself hours of headache when looking for these sorts of problems.

  3. #3
    Join Date
    Feb 2009
    Posts
    11
    Plugin Contributions
    0

    Default Re: Background image...and yes I've looked EVERYWHERE

    Quote Originally Posted by curbsidestudiosNET View Post
    blah blah blah...
    I could not see any image located at http://www.force-test.com/images/smartbg_wm.gif
    also, the line defining the gif is missing the apostrophes at either end of the url.
    also, to see on every page the gif should be defined in the body section

    Code:
    body {
    	margin: 0;
    	background-color: transparent;
    	background-image: url('http://www.force-test.com/images/smartbg_wm.gif');
        background-attachment: fixed;
    	}
    the 'fixed' element is to stop the picture scrolling if longer than the displayed page
    [FONT="Comic Sans MS"]BING A BONG A BOO ![/FONT]

  4. #4
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: Background image...and yes I've looked EVERYWHERE

    The apostrophes are not needed in the url(../images/etc) value. It works the same with or without them. There is no reason to use the full URL - in this case just url(images/smartbg_wm) should work. Template images like this should really be in /includes/templates/your_template/images/, not /images/ as you show.

    #mainWrapper is the right location for a bg that will show on every page, inside the page boundaries. The body rule applies to the entire screen, even outside of the "page" border if any.
    the 'fixed' element is to stop the picture scrolling if longer than the displayed page
    To clarify, "fixed" keeps the bg fixed in the window even if the page is longer than the window. The page content would scroll up while the bg stays in place, which may or may not be what you want. That is a design decision.
    Last edited by gjh42; 28 Feb 2011 at 04:05 PM.

  5. #5
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: Background image...and yes I've looked EVERYWHERE

    If you were using smartbg_wm as a filename to activate the Smart Backgrounds code, that would explain the failure, as would using the base /images/ folder instead of the template /images/ folder. SBG is not the right tool for putting the same background on every page anyway. If you wanted only the homepage, you would use
    #indexHomeBody #mainWrapper {background: etc;}

 

 

Similar Threads

  1. v151 Where is element.style to edit? I used developers tool and looked everywhere lol
    By Laidlawgifts in forum Installing on a Windows Server
    Replies: 3
    Last Post: 8 Jun 2014, 05:01 PM
  2. Looked Everywhere - Need help
    By jill8026 in forum General Questions
    Replies: 7
    Last Post: 19 Nov 2009, 11:59 AM
  3. Looked everywhere for this category mod, no joy
    By abs007 in forum Templates, Stylesheets, Page Layout
    Replies: 7
    Last Post: 26 Apr 2009, 11:58 PM
  4. I looked everywhere in my stylesheet and can't find it
    By GraniteMan44 in forum Templates, Stylesheets, Page Layout
    Replies: 11
    Last Post: 11 Mar 2008, 04:13 AM
  5. Large Image troubles-and i have looked everywhere!
    By jill8026 in forum Setting Up Categories, Products, Attributes
    Replies: 3
    Last Post: 25 Oct 2007, 03:37 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