Page 1 of 2 12 LastLast
Results 1 to 10 of 13
  1. #1
    Join Date
    Jan 2009
    Posts
    107
    Plugin Contributions
    0

    Default Changing Background color to image

    1) Looking to change my Black background (on the left/right side of page) to an image.

    2) Cant seem to change my Sidebar header color. I uploaded a new title_back.gif to my DIR and it was supposed to be a gradient red flowing downward to white. Well, it's now a baby blue...? If i rename that to title_back1.gif and rename the default file back to title_back.gif, it's green...so I know im in the right DIR.

    3) Would love to swap out my static header banner for a Flash file I made. In the past on a phpBB I had, I just needed to update the header file with the new name.

    Much thanks

    www.7thgearimports.com/storefront for reference

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

    Default Re: Changing Background color to image

    1) Looking to change my Black background (on the left/right side of page) to an image.
    Add image in stylesheet to these tags navColumnOne & navColumnTwo.
    2) Cant seem to change my Sidebar header color. I uploaded a new title_back.gif to my DIR and it was supposed to be a gradient red flowing downward to white. Well, it's now a baby blue...? If i rename that to title_back1.gif and rename the default file back to title_back.gif, it's green...so I know im in the right DIR.
    You are trying to use title_back.gif BUT in your css it is tile_back1.gif - - tile and not title
    Correct this and you will most likely be pleased
    Code:
    #navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
    	margin: 0em;
    	background-color: #000000;
    	background-image: url(../images/tile_back1.gif);
    	padding: 0.5em 0.2em;
    	font-weight: bold;
    	color: #000000;
    	height: 1%;
    	}
    3) Would love to swap out my static header banner for a Flash file I made. In the past on a phpBB I had, I just needed to update the header file with the new name.
    Search this forum for flash as this has been covered many times

  3. #3
    Join Date
    Jan 2009
    Posts
    107
    Plugin Contributions
    0

    Default Re: Changing Background color to image

    #navColumnOne, #navColumnTwo {

    background-image: url(../images/tile_back1.gif);
    }


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

    Default Re: Changing Background color to image

    Code:
    #navColumnOne, #navColumnTwo {
    
    background-image: url(../images/tile_back1.gif);
    }
    Navigating to this directly http: //www.7thgearimports.com/storefront/includes/templates/7th/images/tile_back1.gif

    Produces "The requested URL /storefront/includes/templates/7th/images/tile_back1.gif was not found on this server"
    Meaning that the image tile_back1.gif does not exist there

    Watch your spelling for these images - not only naming the image but also when you are calling it

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

    Default Re: Changing Background color to image

    Where do you have this file saved? It should be in /includes/templates/7th/images/tile_back1.gif, but I can't see it there, nor anywhere else likely.

  6. #6
    Join Date
    Jan 2009
    Posts
    107
    Plugin Contributions
    0

    Default Re: Changing Background color to image

    Fixed.

    However, I think I dont have the Side Bars called out right as they are still that blue.

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

    Default Re: Changing Background color to image

    I see the black image file in the right place now, but your stylesheet still has
    Code:
    .leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
    	margin: 0em;
    	background-color: #abbbd3;
    	background-image: none;
    	padding: 0.5em 0.2em;
    	}
    You need to call the image there:


    background-image: url(../images/tile_back1.gif);

  8. #8
    Join Date
    Jan 2009
    Posts
    107
    Plugin Contributions
    0

    Default Re: Changing Background color to image



    Thanks!

  9. #9
    Join Date
    Jan 2009
    Posts
    107
    Plugin Contributions
    0

    Default Re: Changing Background color to image

    Any means to use transparent for sidebar and/or header/footer?

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

    Default Re: Changing Background color to image

    Any means to use transparent for sidebar and/or header/footer?
    You want there to be transparent?
    Code:
    color: transparent;

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. Changing Background Color
    By hrsteel in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 12 Jan 2010, 11:13 PM
  2. changing background color
    By jenpen in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 20 Jul 2008, 05:04 AM
  3. Background Image & Background Color
    By jben in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 30 Mar 2008, 01:11 AM
  4. Changing color to background image?
    By MJA in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 7 Jan 2007, 06:40 AM
  5. Changing background color?
    By benjames in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 13 Oct 2006, 09:09 PM

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