can someone tell me where this CSS file that i have ta edit is
Doug

The file is in the css file and it is called defaut.css

The .CSS file which you would need to alter is the default.css of the style you currently have set and saved as the default you are using. example. if you are using the stock theme style then you will want to alter the css for that in it's folder.

all i see in the install dir is xml files

if it would help my windows live name is jackfrost1964@hotmail.com
my yahoo is winterfrost1964@yahoo.com

thanks doug

Hi Doug, you need to edit the default.css. If you do it after you build your cart (export for upload option), it's located in the css folder. If you want to modify the theme (keep a copy of the original), it's located within the ziprelated.zip file in the specific theme folder of the Style folder.

Here's how to modify an existing theme that has an image banner and replace it with your own image in a way that is permanent and allows for uploads that won't replace your custom image with the original installed default theme image.

Find one of the themes that has an image banner. There are a few. Go into the C:\Program Files\CoffeeCup Software\CoffeeCup ShoppingCart\styles\ folder and choose the theme with the banner image that you would like to replace. I chose "I Do_files". Save a backup of that folder in case you screw up.

After backing up the original folder, go into the "I Do_files" folder and look for the "ziprelated.zip" file and unzip it. After it unzips open it up and go to the "images" folder and look for the banner image - in this case it's the "hero-bg.png"

This is the graphic you'll need to replace with your own - preferably the same size, and definitely with the same name and extension as the original. That particular image fades to black on the right hand side of the image so the headline text (which is white) will be readable to site visitors. Therefore you'll want to make sure your replacement image also fades to black over towards the right hand side. Make the image the same size as the original, and try to keep the file size (kb) down so it loads faster over slower internet connections.

Once you've saved your image (overwriting the original) go ahead and delete or rename the "ziprelated.zip" file, and then zip up the three folders in the "ziprelated" folder and name them "ziprelated.zip" to replace the original "ziprelated.zip" file you just deleted or renamed.

When you doubleclick this "ziprelated.zip" file you should see three folders inside - css, images, and js. If you don't see three folders then you zipped it up wrong and will only see a folder named ziprelated inside, which will contain the above mentioned three folders. If you did this, then it won't work, and you'll have to rezip it again until you get it right.

Now you're set to go. The Store Preview will let you see what it looks like - (ignore how the thumbnail preview looks when you select the theme).

http://www.brooksvillepc.com/images/permanent-replacement-of-header-image.jpg

SAVE a backup of your modified "I Do_files" for safety in case you have to upgrade the theme pack or need to install/re-install something and it gets overwritten.

Thanks Suthnautr ,
lasercrow
fer the help i think i am gonna wait till this is more together before i change my store to this i still love CC software but Css file i have no idea what ta do in them lol

Doug

Good explanation Suthnautr! Thanks

Hi,

There is a great way to do all your changes that i use and you don't have to mess around with them after. It took me a long while to work it all out but here is some of the things i did.

Go to C:\Program Files\CoffeeCup Software\CoffeeCup ShoppingCart\styles
In this folder you will see a folder for every one of your themes that are listed inside your theme settings in cc shopping creator.
Choose the theme that you are currently using and like and copy and paste that folder into your styles folder (i.e. Into the same folder you are currently in. You should then see all your coffee cup theme folders as well as tghe copy your just did.)
Do the same with the xml document matching the same theme name as the folder you just copied.
Now you should have an extra folder and an extra xml document in your styles folder.
Rename the folder to a name you would lke to call it making sure you put an _files on the end of the folder name. (i.e. your theme_files)
Rename the xml document to the same name as you named your folder but don't add the "_ files"
Open up the xml file in a text document editor such as notepad.

The XML file is used to point towards the folder with all the theme files.......
In the list change any mentions of the old theme i.e. touchdown_files to your new name youtheme_files.

Now open up cc shopping cart creator and you will see your new theme listed under there themes.

Now to edit the files for the theme
Go into the new style folder you have made and you will see a zip file in here called "ziprelated"
Unzip this folder and you will see three folders.. "css" "images" and "js".
Open the image folder and replace it with what you need.
Replace the header_bg.png with whatever you want to be on the header.
Replace the body_bg.png with whatever you want on the body.

Make sure the picture you use to replace these with is the exact same pixels in size as the one that was there.

I would recommend you dont change any other files here if you are not sure of what you are doing.

Now you are finished zip the folder backup using a zip program overwriting the original "ziprelated" folder.

Check out your work....go to cc shopping cart creator. Check in the theme settings that your newly created theme is selected.
Click on the previw button, and your cart with your new header and background is created.

Next go into your style folder and open the css folder.
Open the file default.css in notepad or text editor.

In this file you will find all the colours around your shopping cart as well as the some texts etc are written. Change the colours to whatever you want, click on your preview button and your new coloured cart will appear.

If you are not experience with css - To change the colours you are looking for the mention of an # follwed by some letters or numbers. These are codes used for colours.

There is a good colour picker found here
http://www.web-source.net/216_color_chart.htm

To play around change one of the colours and then click on preview your cart and see what changes colour....rememeber what this was and write it down so if you want to change the colour again you know where to find it in the css sheet.

(Mr coffeecup it would be good if you commented the css sheet wherever there is a colour so people not so experienced would know exactly what colour they are changing.)

If you have a look at the "Web Building" category on my blog here. (I hope you don't mind me posting the link here Mr Coffee Cup. If so i sincerely apologise) http://www.fardonwebhosting.com/blog you can see a copy of this post. I will add the instructions to this over the next couple of weeks on where to change what colour on the css sheet.