X-Cart forums - Speedbar Alignment

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - Speedbar Alignment (https://forum.x-cart.com/showthread.php?t=50421)

cmodesign

10-28-2009 03:29 PM

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.

ARW VISIONS

10-28-2009 04:18 PM

Re: Speedbar Alignment

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

What have you tried changing in main.css?

cflsystems

10-28-2009 06:59 PM

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

cmodesign

10-29-2009 09:07 AM

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;

}

JWait

10-29-2009 03:16 PM

Re: Speedbar Alignment

Ummm don't additional x-cart skins for 4.2.x use altskin.css in addition to main.css?

cmodesign

10-29-2009 05:29 PM

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.

JWait

10-30-2009 03:09 AM

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).

All times are GMT -8. The time now is 06:42 PM.