X-Cart: shopping cart software

X-Cart forums (https://forum.x-cart.com/index.php)
-   Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)
-   -   Editing main.css file (https://forum.x-cart.com/showthread.php?t=61891)

nick mcnair 12-02-2011 04:26 PM

Editing main.css file
 
I am new to this so I am sorry if it is in the wrong area. On the original xcart skin 3 columns I want to change the orange line at the top right below the header. I can not figure out how to do this can anyone tell me what file I need to edit please.
http://www.Vibratorpleasures.com

totaltec 12-03-2011 03:45 AM

Re: Editing main.css file
 
Hi Nick,
Don't worry, we were all new at one point. :-)
I don't see the orange line in the top right like you described, but it is early in the morning here and I am sleepy so forgive me.

I just made a screen cap to show you how to figure it out, easier than typing. Use Chrome, and inspect element. Or you can use firebug with Firefox. here is the vid: http://www.youtube.com/watch?v=eQSC-9DRErQ

nick mcnair 12-03-2011 10:50 AM

Re: Editing main.css file
 
ok and how do i Change the colors of the website images. I have downloaded them and changed the colors of them but it will not work. any sugestions

totaltec 12-03-2011 11:35 AM

Re: Editing main.css file
 
Downloading, changing the color and uploading should be all that's required in most cases. Can you point me towards the specific image you are changing?

nick mcnair 12-03-2011 03:24 PM

Re: Editing main.css file
 
Any of them. Like the one in the movie that you provided me with. It is menu_gp.gif i think...

Like do i transfer them using like filezilla and then edit them and upload them with the changes i made to them? Cuz i tried that. can i just get the image size and change the color and save it as the same filename and upload the new image? Ive tried that and im having problems.

I am sorry to be wasting your time.
Thank you so much for the help.

totaltec 12-03-2011 04:35 PM

Re: Editing main.css file
 
No problem, I love to help. :)
Taking a look, you might just be having some simple filename or directory path mistake, unrelated to x-cart. I think it is either a misspelling or directory permissions that won't let you write the file.

Looking at the css, you have:
Code:

background: url("../../skin/common_files/css/../images/head_linebg2.gif")
repeat-x scroll center top transparent;


And I think you need:

Code:

background: url(../images/head_linebg.gif) repeat-x top;

And then ensure that the path to the image is located at:
http://vibratorpleasures.com/skin/common_files/images/head_linebg2.gif

Let me know if that resolves it. Trust me I was very confused when I first started working with programs as complicated as x-cart, but it gets easier with time.

-Mike

nick mcnair 12-03-2011 07:13 PM

Re: Editing main.css file
 
I had renamed the file and changed it in the main.css file. I downloaded the file head_linebg.gif but when i tried to open it with photoshot cs5 it said it couldnt be read, something about a parse error. So i looked at the image size and created a new image based off of those image sizes and created it with the color i wanted and uploaded that file but it still just shows as blank. I even tried restoring the main.css file and starting over thinkng i made a mistake and i still run into the same problem. As you can see i have figured other components out using chrome but its this that is my issue. I even tried creating a jpg image with the filename and changing main.css to reference that and it still is a no go.

Thank you very much by the way for the tip with chrome and firebug it really helped.

totaltec 12-04-2011 04:31 AM

Re: Editing main.css file
 
Look at this link:

http://vibratorpleasures.com/skin/common_files/images/head_linebg.gif

For me it says not found.

On my test site:

http://trainingpen.com/skin/common_files/images/head_linebg.gif

I think the web server configuration, or some simple error is causing the problem.

Its not x-cart specific, I am saying that to relieve you of any worry that it is something you don't understand about the complexities of the cart. It is not.Just some simple filename error or write permissions.

nick mcnair 12-04-2011 07:30 AM

Re: Editing main.css file
 
Ok cuz i know if i am using the edit template in xcart and i go into the image it says it cant be modified. Then i change the permissions and it still does it. I appreciate the help, you helpped out a lot. I was able to just delete the pic and use the bottom and top borders. would u take a look at it tell me what u think.


All times are GMT -8. The time now is 01:59 PM.

Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.