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

Adjust width and center the "Light & Lucid (3 column)" skin

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
 
Thread Tools Search this Thread
  #1  
Old 06-07-2011, 09:33 AM
 
Morningcoffee Morningcoffee is offline
 

Senior Member
  
Join Date: Jun 2011
Posts: 139
 

Default Adjust width and center the "Light & Lucid (3 column)" skin

Hello All,

I have x-cart gold version 4.4.3 installed and am currently using the
"Light & Lucid (3 column)" skin.

Is it possible to adjust the width of that skin AND also center it in the browser window?

It currently takes up 100% of the browser window, making lots of white space to the left and right of the static pages.
Can I make that skin to show centered in the browser window on all pages a fixed with, say, 1024 pixels wide?

Any is would be deeply appreciated!

Thank you!
__________________
X-Cart 4.4.5 Gold

Add-On Modules/Extras:

- Bundle Products

- Create Orders In Back-End

- Previously Ordered Products

- Product Options/Variants On Products List

- Remember Me

- Hidden Categories

- Testimonials

- On Sale Module

- Other Custom Programming by Qualiteam Software
Reply With Quote
  #2  
Old 06-07-2011, 11:30 AM
  cflsystems's Avatar 
cflsystems cflsystems is offline
 

Veteran
  
Join Date: Apr 2007
Posts: 14,190
 

Default Re: Adjust width and center the "Light & Lucid (3 column)" skin

Yes possible. Apply width and margin for the body in altskin.css
__________________
Steve Stoyanov
CFLSystems.com
Web Development
Reply With Quote
  #3  
Old 06-07-2011, 02:16 PM
 
Morningcoffee Morningcoffee is offline
 

Senior Member
  
Join Date: Jun 2011
Posts: 139
 

Default Re: Adjust width and center the "Light & Lucid (3 column)" skin

Quote:
Originally Posted by cflsystems
Yes possible. Apply width and margin for the body in altskin.css

Dear cflsystems

Thank you.... where is the altskin.css file located for that skin? I could not find that file in skin/common_files ?
__________________
X-Cart 4.4.5 Gold

Add-On Modules/Extras:

- Bundle Products

- Create Orders In Back-End

- Previously Ordered Products

- Product Options/Variants On Products List

- Remember Me

- Hidden Categories

- Testimonials

- On Sale Module

- Other Custom Programming by Qualiteam Software
Reply With Quote
  #4  
Old 06-08-2011, 03:10 AM
  cflsystems's Avatar 
cflsystems cflsystems is offline
 

Veteran
  
Join Date: Apr 2007
Posts: 14,190
 

Default Re: Adjust width and center the "Light & Lucid (3 column)" skin

For all templates you want to modify - first look in the directory of the skin you are using, if not there then look in common_files
__________________
Steve Stoyanov
CFLSystems.com
Web Development
Reply With Quote

The following user thanks cflsystems for this useful post:
qualiteam (06-08-2011)
  #5  
Old 06-08-2011, 04:19 AM
 
Morningcoffee Morningcoffee is offline
 

Senior Member
  
Join Date: Jun 2011
Posts: 139
 

Default Re: Adjust width and center the "Light & Lucid (3 column)" skin

Quote:
Originally Posted by cflsystems
For all templates you want to modify - first look in the directory of the
skin you are using, if not there then look in common_files

Dear cflsystems, thank you for your help.

In the edit templates section, and in browse templates, I see this below,
a file called altskin.ini and NOT altskin.css in the following directory.

Is it altskin.ini that I have to edit?

skin/3-columns
../
altskin.ini

; $Id: altskin.ini,v 1.4 2010/07/14 13:58:33 aim Exp $
; Alternative skin description
;
order = "20"
author = "Qualiteam Software Limited"
name = "Light & Lucid (3-column)"
screenshot = "screenshot.png"


Please help, I can NOT find the altskin.css file for the
"Light & Lucid (3 column)" skin in x-cart gold version 4.4.3!
What directory is it in???


Could it be that because it's the first and only skin that I used, that I have to edit main.css ?

skin/common_files/css
main.css
__________________
X-Cart 4.4.5 Gold

Add-On Modules/Extras:

- Bundle Products

- Create Orders In Back-End

- Previously Ordered Products

- Product Options/Variants On Products List

- Remember Me

- Hidden Categories

- Testimonials

- On Sale Module

- Other Custom Programming by Qualiteam Software
Reply With Quote
  #6  
Old 06-08-2011, 04:30 AM
  cflsystems's Avatar 
cflsystems cflsystems is offline
 

Veteran
  
Join Date: Apr 2007
Posts: 14,190
 

Default Re: Adjust width and center the "Light & Lucid (3 column)" skin

the 3-columns template? Sorry there is no altskin.css for that one. You need to edit main.css in common_files/css OR you can create new altskin.css file in 3-columns/css - whichever is easier for you
__________________
Steve Stoyanov
CFLSystems.com
Web Development
Reply With Quote

The following user thanks cflsystems for this useful post:
Morningcoffee (06-08-2011)
  #7  
Old 06-08-2011, 05:25 AM
 
Morningcoffee Morningcoffee is offline
 

Senior Member
  
Join Date: Jun 2011
Posts: 139
 

Default Re: Adjust width and center the "Light & Lucid (3 column)" skin

Quote:
Originally Posted by cflsystems
the 3-columns template? Sorry there is no altskin.css for that one. You need to edit main.css in common_files/css OR you can create new altskin.css file in 3-columns/css - whichever is easier for you

Thank you!
__________________
X-Cart 4.4.5 Gold

Add-On Modules/Extras:

- Bundle Products

- Create Orders In Back-End

- Previously Ordered Products

- Product Options/Variants On Products List

- Remember Me

- Hidden Categories

- Testimonials

- On Sale Module

- Other Custom Programming by Qualiteam Software
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 02:33 AM.

   

 
X-Cart forums © 2001-2020