Location of Header Image

For general questions and discussions specific to the AbleCommerce 7.0 Asp.Net product.
Post Reply
User avatar
ajasko
Lieutenant (LT)
Lieutenant (LT)
Posts: 53
Joined: Sun Sep 23, 2007 8:04 pm
Contact:

Location of Header Image

Post by ajasko » 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

Image

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!

User avatar
AbleMods
Master Yoda
Master Yoda
Posts: 5170
Joined: Wed Sep 26, 2007 5:47 am
Location: Fort Myers, Florida USA

Re: Location of Header Image

Post by AbleMods » 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.
Joe Payne
AbleCommerce Custom Programming and Modules http://www.AbleMods.com/
AbleCommerce Hosting http://www.AbleModsHosting.com/
Precise Fishing and Hunting Time Tables http://www.Solunar.com

User avatar
mazhar
Master Yoda
Master Yoda
Posts: 5084
Joined: Wed Jul 09, 2008 8:21 am
Contact:

Re: Location of Header Image

Post by mazhar » 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;

Post Reply