Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Remove white background under elements in the colums

Remove white background under elements in the colums

Views: 958

Results 1 to 8 of 8
14 Mar 2011, 4:07 PM
#1
daltoncsexton avatar

daltoncsexton

New Zenner

Join Date:
Feb 2011
Location:
Loganville, Ga
Posts:
7
Plugin Contributions:
0

Remove white background under elements in the colums

I need to remove the white background under the categories in colum one and I need to remove the white background under the banners in colum two. There is actually note paper under the banners that is visible if I set Colum two's opacity to 50%.
How do I do this? I have been pulling my hair out for way too long on this.

http://www.shopbig now.com

On side note, I goofed somewhere and powered by zen cart and the ip addy at the bottom is no longer centered... Where do I fix that?

14 Mar 2011, 5:01 PM
#2
keneso avatar

keneso

Totally Zenned

Join Date:
May 2009
Posts:
1,273
Plugin Contributions:
3

Re: Remove white background under elements in the colums

change this (line 534)

.sideBoxContent {
background-color: transparent;
padding: 0.4em;
}

change this (line 523)

.leftBoxHeading, .centerBoxHeading {
background-color: transparent;
margin: 0;
padding: 0.5em 0.2em;
}

to this

.leftBoxHeading {
background-color: transparent;
margin: 0;
padding: 0.5em 0.2em;
}
.centerBoxHeading {
background-color: ffffff;
margin: 0;
padding: 0.5em 0.2em;
}

14 Mar 2011, 5:04 PM
#3
keneso avatar

keneso

Totally Zenned

Join Date:
May 2009
Posts:
1,273
Plugin Contributions:
3

Re: Remove white background under elements in the colums

About the footer issue check your tpl_footer.php file in the common folder in your template folder.
In case you can copy the default one from template_default/common folder, and put it in your custom_template/common folder

14 Mar 2011, 6:13 PM
#4
daltoncsexton avatar

daltoncsexton

New Zenner

Join Date:
Feb 2011
Location:
Loganville, Ga
Posts:
7
Plugin Contributions:
0

Re: Remove white background under elements in the colums

14 Mar 2011, 6:14 PM
#5
daltoncsexton avatar

daltoncsexton

New Zenner

Join Date:
Feb 2011
Location:
Loganville, Ga
Posts:
7
Plugin Contributions:
0

Re: Remove white background under elements in the colums

thank you... Didn't see the replies.. Cache didn't refresh.

14 Mar 2011, 8:23 PM
#6
daltoncsexton avatar

daltoncsexton

New Zenner

Join Date:
Feb 2011
Location:
Loganville, Ga
Posts:
7
Plugin Contributions:
0

Re: Remove white background under elements in the colums

You Rock! You were dead on the money with the background transparancy and though working in tpl_footer did not achieve center position, I achieved a stylish position off center to the right that I like. (I removed a div tag)

Now I got to figure out how to make the top piece a paper slide under the search and nav bar and make the left sidebar match right when you click on a category.

THANK YOU!:clap:

15 Mar 2011, 3:28 PM
#7
keneso avatar

keneso

Totally Zenned

Join Date:
May 2009
Posts:
1,273
Plugin Contributions:
3

Re: Remove white background under elements in the colums

If I got it correctly you could try this:

load the attached image in your CUSTOM_TEMPLATE/images
then add the following to your stylesheet in the body declaration

background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;

15 Mar 2011, 9:19 PM
#8
daltoncsexton avatar

daltoncsexton

New Zenner

Join Date:
Feb 2011
Location:
Loganville, Ga
Posts:
7
Plugin Contributions:
0

Re: Remove white background under elements in the colums

keneso:

If I got it correctly you could try this:

load the attached image in your CUSTOM_TEMPLATE/images
then add the following to your stylesheet in the body declaration

background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;

Thank you very much for your last reply, I instead increased the "canvas" size of the image with transparency. I also discovered several other elements and I am on my way to getting this thing skinned properly. Matter of fact, I need to go back in to tpl_header and remove the /div tag I added because now That i have fixed things, it is wreaking havoc.

Thank you again!
:clap: :bigups: