styles for left sidebar panel buttons

Store UI, layout, design, look and feel; Discussion on the customer facing pages of your online store. Cascading Style Sheets, Themes, Scriptlets, NVelocity and the components in the ConLib directory.
Post Reply
54x54
Ensign (ENS)
Ensign (ENS)
Posts: 16
Joined: Sun Jul 06, 2008 12:23 am

styles for left sidebar panel buttons

Post by 54x54 » Thu Jul 10, 2008 2:55 pm

Hi everyone, look at my progress http://65.98.245.145/Default.aspx, as you see the buttons look out perspective (they look small) to the overall relative page size, CSS shows 194px default for the div I know there is several styles involved on the formatting for the button and table, i would like to get a 18-20% width increase to accommodate long text and attract the user peripheral view of the navigational scheme, how do I go accomplishing that on the styles appls?

thank you to all posters and viewers

User avatar
jmestep
AbleCommerce Angel
Posts: 8164
Joined: Sun Feb 29, 2004 8:04 pm
Location: Dayton, OH
Contact:

Re: styles for left sidebar panel buttons

Post by jmestep » Thu Jul 10, 2008 3:42 pm

You will have to change that in the stylesheet for your theme-- style.css
#leftSidebarPanel {
width: 194px; margin: 0; padding: 0 3px 3px 3px; background-color: #aabbcb; border:0;}
around line 105
Judy Estep
Web Developer
jestep@web2market.com
http://www.web2market.com
708-653-3100 x209
New search report plugin for business intelligence:
http://www.web2market.com/Search-Report ... -P154.aspx

54x54
Ensign (ENS)
Ensign (ENS)
Posts: 16
Joined: Sun Jul 06, 2008 12:23 am

Re: styles for left sidebar panel buttons

Post by 54x54 » Thu Jul 10, 2008 4:09 pm

Hi Judy, I tried that approach, 194px seem to be a good 1:1 scale size, I changed to 210px for a test, however it didn't applied, I think since I did shrink the display resolution, styles are bumping to each other, thus the change command will be override??
thank you

54x54
Ensign (ENS)
Ensign (ENS)
Posts: 16
Joined: Sun Jul 06, 2008 12:23 am

Re: styles for left sidebar panel buttons

Post by 54x54 » Fri Jul 11, 2008 4:56 pm

Hi Judy and everyone: I figure out the buttons issue, customizing the default 3 columns layout create a conflict because the formatting remain "hidden", so the buttons re-size to accommodate page layout and any increase on width will be overridden, I reduced the theme image a bit for that purpose.
Now I trying to add an image under a category button, eventually I would get it done but time is an pressing issue so if anybody know how to do that and want to share I'm all ears, I looking for a head start on understanding AC7 platform thus the many questions
http://65.98.245.145/65.98.245.145.htm

thank you a lot!

User avatar
jmestep
AbleCommerce Angel
Posts: 8164
Joined: Sun Feb 29, 2004 8:04 pm
Location: Dayton, OH
Contact:

Re: styles for left sidebar panel buttons

Post by jmestep » Sat Jul 12, 2008 5:56 pm

If you don't have a lot of categories, you can actually hard code the left nav to do what you want.
You would copy the App_Data/Scriplets/Default/Sidebar/Standard Sidebar 1. htm to App_Data/Scriplets/Custom/Sidebar/
(that way it won't get overwritten with an upgrade)
and in place of this:
[[ConLib:SimpleCategoryList]] put in your html code for the menu you want.
Judy Estep
Web Developer
jestep@web2market.com
http://www.web2market.com
708-653-3100 x209
New search report plugin for business intelligence:
http://www.web2market.com/Search-Report ... -P154.aspx

54x54
Ensign (ENS)
Ensign (ENS)
Posts: 16
Joined: Sun Jul 06, 2008 12:23 am

Re: styles for left sidebar panel buttons

Post by 54x54 » Sun Jul 13, 2008 3:20 pm

Hi Judy, real Sweet the way it worked, I like AV& even more but without you support the implementation could be hard
thank you a lot for your invaluable support!!

Post Reply