X-Cart forums

[ScrapbookSupplies]

I feel like such an idiot when I try stuff like this... Hoping someone can help me.

My shop is at: www.scrapbooksuppliesdirect.com/shop (hope this is okay to post).

I am trying to:

1. Add additional links to the green menu bar at the top

2. Remove the gray stripe on the background at the bottom (can only find the footer part for the center body, not the stripe on the sides).

3. Move the links at the bottom (the help menu) up higher, just above the "News" section, underneath the "recover password".

If anyone might be hip to CSS could you pelase advise?

Thank you so much!
Jeanne

[ARW VISIONS]

Adding the top links is not CSS related, but rather html related.
You will need to find the appropriate template using the debugging console. Under general setting click 'Enable debugging console'. You will need to allow pop-ups. Hover over the name of the template files in the debugging console and the corresponding portion of the web page will be highlighted.

The dark grey is actually the back ground color of the HTML tag. Look in main_aw.css at the HTML tag. I use Firebug with firefox to find CSS tags. Works great!!!

Once again removing the links is HTML and you should use the debugging console to find the appropriate template file to edit.

Ash

[ScrapbookSupplies]

I'm trying but still having some issue.

The debugging window just shows lists of files without any kind of preview. I enabled it and then went to the "files". I might be going to the wrong place.

I did get the dark gray removed, not sure how I missed that before. I also use FF - it's a life saver! But for some reason I can't get the new footer image in place. I can get it in FF but not on the css sheet... If you don't mind me asking, could you tell me what exactly I should change on this? If I put the url(image) in it's not working.

FF Code that works:
#footer {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:#333333 url(images/footer.jpg) repeat scroll 0 0;bottom:auto;height:73px;margin-top:0;}

Code in my main_aw.css:
#footer{background: #cccccc none;margin-top:0px;height:73px;bottom:auto} 

Thanks for your help Ashley!
Jeanne