Results 1 to 7 of 7
  1. #1
    Join Date
    Feb 2011
    Posts
    19
    Plugin Contributions
    0

    Default Transparent Backgrounds

    Can someone please help me make the top part where the logo is to be transparent?

    http://economyleasinginc.com/economy/index.php

    Thank You

  2. #2
    Join Date
    Apr 2006
    Location
    Texas
    Posts
    6,196
    Plugin Contributions
    0

    Default Re: Transparent Backgrounds

    Pu,
    Locate this:
    economy/includes/templates/Economy%20Leasing/css/stylesheet.css
    Find this:
    #headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
    margin:0;
    padding:0;
    }
    Change to this:
    #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
    margin:0;
    padding:0;
    }

    #headerWrapper{
    margin:0;
    padding:0;
    background: transparent;
    }

  3. #3
    Join Date
    Feb 2011
    Posts
    19
    Plugin Contributions
    0

    Default Re: Transparent Backgrounds

    I tried that but it is still not transparent.

  4. #4
    Join Date
    May 2009
    Posts
    1,254
    Plugin Contributions
    3

    Default Re: Transparent Backgrounds

    Try this

    #mainWrapper {background: transparent; width: 950px;}
    the width is to bring your contacts button inside the menu bar
    #contentMainWrapper {background: #FFF;}

    Then you should correct this

    #menu {
    background: url("images/page_header_b.png") repeat-x scroll 0 0 transparent;
    height: 57px;
    padding-left: 14px;
    }

    to this

    #menu {
    background: url("images/page_header_b.png") repeat-x scroll 0 0 transparent;
    height: 50px;
    padding-left: 14px;
    }

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

    Default Re: Transparent Backgrounds

    It is transparent; you are seeing the mainWrapper background behind it.


    stylesheet.css (line 185)
    Code:
    #mainWrapper {
        background-color: #FFFFFF;
        border: 1px solid #9A9A9A;
        text-align: left;
        vertical-align: top;
        width: 850px;
    }

  6. #6
    Join Date
    Feb 2011
    Posts
    19
    Plugin Contributions
    0

    Default Re: Transparent Backgrounds

    How can I keep the body with a color but not have the body color go all the way up to where the logo is?

  7. #7
    Join Date
    Feb 2010
    Posts
    2,159
    Plugin Contributions
    17

    Default Re: Transparent Backgrounds

    I think I know what you are trying to accomplish but may be wrong.

    find this:
    Code:
    #headerWrapper{
    	margin:0;
    	padding:0;
    	background: transparent;
    	}
    change to this:
    Code:
    #headerWrapper{
    background:#e5edf5;
    	}
    find this:
    Code:
    #mainWrapper {
    	background-color: #ffffff;
    	text-align: left;
    	width: 850px;
    	vertical-align: top;
    	border: 1px solid #9a9a9a;
    	}
    change to this:
    Code:
    #mainWrapper {
    	background-color: #e5edf5;
    	text-align: left;
    	width: 850px;
    	vertical-align: top;
    	border: 0px solid #e5edf5;
    	}
    not sure if this is what you want.

 

 

Similar Threads

  1. Rounded backgrounds...
    By mfccreator in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 27 Sep 2011, 06:13 PM
  2. smart backgrounds
    By Glendon in forum All Other Contributions/Addons
    Replies: 0
    Last Post: 11 Sep 2008, 04:49 PM
  3. Backgrounds
    By v.kirk in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 23 Jun 2006, 06:14 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