AbleCommerce Shopping Cart Software

Posted: **Thu Sep 18, 2008 7:28 pm**

I am trying to take away this image of a cart which displays in the middle of the store header, as I have circled in this demo image below

However, I am not sure where this image is referenced. I am thinking maybe on the Scriptlet Standard Heater.htm? I am not able to tell because at some point I deleted this image off the header of my site, and now I cannot remember where I deleted it from! I simply want to replace that image of a cart that displays on the store header on a default install with a different image that I have made. If you found the page where it appears, please post the code of that page here. Thanks!

Posted: **Thu Sep 18, 2008 10:38 pm**

AC7 is a mixture of CSS styling and HTML. Some aspects are HTML and in the scriptlet. While others are controlled by the style sheet.

Look in your ~/App_Themes/<chosen theme>/ folder and edit the style.css file.

I believe the section you need to change is:

Code: Select all

/* style for the outer store header container */
#storeHeader
{
	width:100%;
	margin: 10px auto 0px auto;
	background: #FFFFFF url(images/header_bg.gif);
	border: 1px solid #2B2B5A;
	border-bottom: 0px solid #FFFFFF;
}

Note how the background: css style is using an image url from the theme images folder. I think that's what is controlling it - change that or renamed that file and refresh the page.

Posted: **Thu Sep 18, 2008 10:52 pm**

Find the following style in style sheet

Code: Select all

#storeHeader .headerContent

and remove the following line from the above searched style

Code: Select all

background:url(images/Header_Image.gif) no-repeat left top;

AbleCommerce Shopping Cart Software

Location of Header Image

Location of Header Image

Re: Location of Header Image

Re: Location of Header Image