Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls
 

Editing main.css file

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
 
Thread Tools Search this Thread
  #1  
Old 12-02-2011, 04:26 PM
 
nick mcnair nick mcnair is offline
 

Member
  
Join Date: Dec 2011
Posts: 28
 

Default 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
__________________
http://vibratorpleasures.com
4.4.4
Reply With Quote
  #2  
Old 12-03-2011, 03:45 AM
  totaltec's Avatar 
totaltec totaltec is offline
 

X-Guru
  
Join Date: Jan 2007
Location: Louisville, KY USA
Posts: 5,823
 

Default 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
__________________
Mike White - Now Accepting new clients and projects! Work with the best, get a US based development team for just $125 an hour. Call 1-502-773-6454, email mike at babymonkeystudios.com, or skype b8bym0nkey

XcartGuru
X-cart Tutorials | X-cart 5 Tutorials

Check out the responsive template for X-cart.
Reply With Quote

The following user thanks totaltec for this useful post:
nick mcnair (12-03-2011)
  #3  
Old 12-03-2011, 10:50 AM
 
nick mcnair nick mcnair is offline
 

Member
  
Join Date: Dec 2011
Posts: 28
 

Default 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
__________________
http://vibratorpleasures.com
4.4.4
Reply With Quote
  #4  
Old 12-03-2011, 11:35 AM
  totaltec's Avatar 
totaltec totaltec is offline
 

X-Guru
  
Join Date: Jan 2007
Location: Louisville, KY USA
Posts: 5,823
 

Default 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?
__________________
Mike White - Now Accepting new clients and projects! Work with the best, get a US based development team for just $125 an hour. Call 1-502-773-6454, email mike at babymonkeystudios.com, or skype b8bym0nkey

XcartGuru
X-cart Tutorials | X-cart 5 Tutorials

Check out the responsive template for X-cart.
Reply With Quote

The following user thanks totaltec for this useful post:
nick mcnair (12-03-2011)
  #5  
Old 12-03-2011, 03:24 PM
 
nick mcnair nick mcnair is offline
 

Member
  
Join Date: Dec 2011
Posts: 28
 

Default 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.
__________________
http://vibratorpleasures.com
4.4.4
Reply With Quote
  #6  
Old 12-03-2011, 04:35 PM
  totaltec's Avatar 
totaltec totaltec is offline
 

X-Guru
  
Join Date: Jan 2007
Location: Louisville, KY USA
Posts: 5,823
 

Default 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
__________________
Mike White - Now Accepting new clients and projects! Work with the best, get a US based development team for just $125 an hour. Call 1-502-773-6454, email mike at babymonkeystudios.com, or skype b8bym0nkey

XcartGuru
X-cart Tutorials | X-cart 5 Tutorials

Check out the responsive template for X-cart.
Reply With Quote

The following user thanks totaltec for this useful post:
nick mcnair (12-03-2011)
  #7  
Old 12-03-2011, 07:13 PM
 
nick mcnair nick mcnair is offline
 

Member
  
Join Date: Dec 2011
Posts: 28
 

Default 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.
__________________
http://vibratorpleasures.com
4.4.4
Reply With Quote
  #8  
Old 12-04-2011, 04:31 AM
  totaltec's Avatar 
totaltec totaltec is offline
 

X-Guru
  
Join Date: Jan 2007
Location: Louisville, KY USA
Posts: 5,823
 

Default 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.
__________________
Mike White - Now Accepting new clients and projects! Work with the best, get a US based development team for just $125 an hour. Call 1-502-773-6454, email mike at babymonkeystudios.com, or skype b8bym0nkey

XcartGuru
X-cart Tutorials | X-cart 5 Tutorials

Check out the responsive template for X-cart.
Reply With Quote

The following user thanks totaltec for this useful post:
nick mcnair (12-04-2011)
  #9  
Old 12-04-2011, 07:30 AM
 
nick mcnair nick mcnair is offline
 

Member
  
Join Date: Dec 2011
Posts: 28
 

Default 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.
__________________
http://vibratorpleasures.com
4.4.4
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design



Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 09:50 AM.

   

 
X-Cart forums © 2001-2020