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

Speedbar Alignment

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
 
Thread Tools Search this Thread
  #1  
Old 10-28-2009, 03:29 PM
 
cmodesign cmodesign is offline
 

Member
  
Join Date: Oct 2009
Posts: 20
 

Default Speedbar Alignment

I am currently using the Vivid Dreams Aquamarine template and I am trying to align the Speedbar to the left. Currently it defaults to the right. I have tried changing the main.css and the tab.tpl files, but nothing seems to work.
__________________
X-Cart Gold - v4.2.2
PHP: 4.4.9
MySQL: 5.1.55-rel 12.6
Apache: 2.0.54
Reply With Quote
  #2  
Old 10-28-2009, 04:18 PM
  ARW VISIONS's Avatar 
ARW VISIONS ARW VISIONS is offline
 

X-Man
  
Join Date: Jan 2007
Location: Pensacola, FL
Posts: 2,536
 

Default Re: Speedbar Alignment

Not sure about that template, but should be controlled by main.css.

What have you tried changing in main.css?
__________________
xcart 5.1.2
Reply With Quote
  #3  
Old 10-28-2009, 06:59 PM
  cflsystems's Avatar 
cflsystems cflsystems is offline
 

Veteran
  
Join Date: Apr 2007
Posts: 14,201
 

Default Re: Speedbar Alignment

That's a tricky one. You have to align the individual tabs with float:left in main.css
Also reverse the tab pos in speed bar in admin
__________________
Steve Stoyanov
CFLSystems.com
Web Development
Reply With Quote
  #4  
Old 10-29-2009, 09:07 AM
 
cmodesign cmodesign is offline
 

Member
  
Join Date: Oct 2009
Posts: 20
 

Default Re: Speedbar Alignment

I already tried changing the file skin1\main.css to float: left and all it did was reverse the order of the speedbar buttons. After a bit of trial and error I found a possible solution:

Code:
.tabs { position: absolute; top: 0px; /* added the left value to equal the width of the left-hand categories bar minus 20px right: 20px; and removed this line so that everything aligns to the left */ left: 230px; margin: 0px; padding: 0px; height: 30px; /* added the width value to equal the total width of the speedbar so that it degrades correctly */ width: 615px; text-align: right; }
__________________
X-Cart Gold - v4.2.2
PHP: 4.4.9
MySQL: 5.1.55-rel 12.6
Apache: 2.0.54
Reply With Quote
  #5  
Old 10-29-2009, 03:16 PM
  JWait's Avatar 
JWait JWait is offline
 

X-Man
  
Join Date: Nov 2005
Location: California
Posts: 2,440
 

Default Re: Speedbar Alignment

Ummm don't additional x-cart skins for 4.2.x use altskin.css in addition to main.css?
__________________
Two Separate X-Cart Stores
Version 4.4.4 Gold - X-AOM - Vivid Dreams Aquamarine (modified) - Linux
Mods - Newest Products - View All -, and a few others. Numerous upgrades from 4.0.x series.
Integrated with Stone Edge Order Manager + POS

Version 4.1.12 Gold (fresh install) - X-AOM - Linux
Mods - XCSEO free
Reply With Quote
  #6  
Old 10-29-2009, 05:29 PM
 
cmodesign cmodesign is offline
 

Member
  
Join Date: Oct 2009
Posts: 20
 

Default Re: Speedbar Alignment

I can't find any file with the name altskin.css anywhere in my Xcart directory. Where is this file located? Perhaps at this point it doesn't matter since my previously posted fix worked for me.
__________________
X-Cart Gold - v4.2.2
PHP: 4.4.9
MySQL: 5.1.55-rel 12.6
Apache: 2.0.54
Reply With Quote
  #7  
Old 10-30-2009, 03:09 AM
  JWait's Avatar 
JWait JWait is offline
 

X-Man
  
Join Date: Nov 2005
Location: California
Posts: 2,440
 

Default Re: Speedbar Alignment

I haven't used the Vivid Dreams skin, but have used the Light and Lucid 2 column skin (instead of the normal 3 column) and a altskin.css was added. Look for a .css that is not main.css, and not one of the stylesheets for the various web browsers.

When I used the Crystal Blue skin for v4.1.x it was called skin1_c.css instead of the normal skin1.css (which was still in the skin1 folder but was not used).
__________________
Two Separate X-Cart Stores
Version 4.4.4 Gold - X-AOM - Vivid Dreams Aquamarine (modified) - Linux
Mods - Newest Products - View All -, and a few others. Numerous upgrades from 4.0.x series.
Integrated with Stone Edge Order Manager + POS

Version 4.1.12 Gold (fresh install) - X-AOM - Linux
Mods - XCSEO free
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 12:09 AM.

   

 
X-Cart forums © 2001-2020