Andrius Posted January 26, 2007 Posted January 26, 2007 I cant figure out how to get the effect that I want. Basically I want it to do the following.. When you click a category and it displays the sub-categories undernieth it in the left_column I want the subcategories to be bold and the TOP category to be in bigger text. I've attached the style sheet. You can view my current setup at http://www.dirtcheapaudio.com/shopping/ /* $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $ osCommerce, Open Source E-Commerce Solutions http://www.oscommerce.com Copyright © 2003 osCommerce Released under the GNU General Public License */ .boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; } .errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; } .stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; } .productsNotifications { background: #f2fff7; } .orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #0072AC; text-decoration: underline; } BODY { background:#4683A9 url(images/bg.gif); color: #586770; margin: 0px; padding:0px; font-family: Verdana, Arial, sans-serif; } A { color: #2478AB; text-decoration: none; } A:hover { color: #BD1700; text-decoration: underline; } *.topmenu{ list-style-image:url(images/topmenu_marker.gif); margin-left:20px; margin-top:0px;margin-bottom:0px; margin-right:0px; line-height:1em;} a.atopmenu{font-family:Tahoma Arial, Helvetica, sans-serif;color:#FFFFFF; text-decoration:none;font-size: 11px;} a.atopmenu:hover{font:Tahoma Arial, Helvetica, sans-serif;color:#FFFFFF; text-decoration:underline;font-size: 11px;} FORM { display: inline; } TR.header { /*background: #ffffff;*/ } TR.headerNavigation { background: #bbc3d3; } TD.headerNavigation { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #bbc3d3; color: #ffffff; font-weight : bold; } A.headerNavigation { color: #FFFFFF; } A.headerNavigation:hover { color: #ffffff; } TR.headerError { background: #ff0000; } TD.headerError { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; background: #ff0000; color: #ffffff; font-weight : bold; text-align : center; } TR.headerInfo { background: #00ff00; } TD.headerInfo { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; background: #00ff00; color: #ffffff; font-weight: bold; text-align: center; } a.menu{background:none;display:block; width:105px; height:36px; padding-top:20px; padding-left:0px;color:#2B729A; font:bold 11px Tahoma, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none;} a.menu:hover{background:url(images/menu_rollover.gif) no-repeat center top;display:block; width:105px; height:36px; padding-top:20px; padding-left:0px;color:#2B729A; font:bold 11px Tahoma, Helvetica, sans-serif;text-transform:uppercase; text-decoration:underline;} *.search{color:#FFE171; text-decoration:underline} .search:hover{color:#FFE171; text-decoration:none} .horiz_menu{font:11px Tahoma, Helvetica, sans-serif; text-decoration:none; color:#D3F4FF;} .horiz_menu:hover{font:11px Tahoma, Helvetica, sans-serif; text-decoration:underline; color:#D3F4FF;} .categories{color:#343940;} .categories:hover{color:#343940;} *.header{border:1px solid #6DC7E5; text-align: left; padding-left:10px; padding-top:4px; background:url(images/box_bg.gif) repeat-x; height:22px; margin-bottom:1px;color:#FFF;font:bold 14px Arial,Tahoma, Helvetica, sans-serif;} *.productName{color:#2191C2; font:11px Arial,Tahoma, Helvetica, sans-serif;} *.productName:hover{color:#2191C2; font:11px Arial,Tahoma, Helvetica, sans-serif; text-decoration:underline;} *.price{color:#C20000; font:bold 16px Arial, Helvetica, sans-serif;} a.bottom{color:#6B6F75; font-weight:bold; text-transform:uppercase; text-decoration:none;} a.bottom:hover{color:#6B6F75; font-weight:bold; text-transform:uppercase; text-decoration:underline;} TR.footer { } TD.footer { font-family: Verdana, Arial, sans-serif; font-size: 11px; border:1px solid #6B6F75; border-width:1px 0px; color: #6B6F75; font-weight: bold; padding:5px 0px; } .infoBox { } .infoBox1{background-color:#FFF; border:1px solid #A6B3BA; border-width:0px 1px; } .infoBoxContents { font-family: Verdana, Arial, sans-serif; font-size: 10px; } .infoBoxNotice { background: #FF8E90; } .infoBoxNoticeContents { background: #FFE6E6; font-family: Verdana, Arial, sans-serif; font-size: 10px; } TD.infoHeaderHeading { color:#FFF; font-weight:bold; font-size:10px;padding-left:8px; padding-bottom:3px; text-align:left; } TD.infoBoxHeading { background:url(images/infobox/infobox_bg.gif) repeat-x; font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #FFF; } TD.infoBoxHeading1 { background:url(images/infobox/block_bg.gif) repeat-x; font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #FFF; } TD.infoBoxCategoriesHeading { background:url(images/infobox/cat_bg.gif) repeat-x; font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #FFF; } TD.infoBox, SPAN.infoBox { font-family: Verdana, Arial, sans-serif; font-size: 24px; } TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd { background: #ffffff; } TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even { background: #ffffff; } TABLE.productListing { border: 1px; border-style: solid; border-color: #3FA1CD; border-spacing: 1px; background: #FFFFFF; } .productListing-heading { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #3FA1CD; color: #FFFFFF; font-weight: bold; } TD.productListing-data { font-family: Verdana, Arial, sans-serif; font-size: 10px; } TD.productListing-data a{ font-family: Verdana, Arial, sans-serif; font-size: 10px; color:#2191C2; } TD.productListing-data a:hover{ font-family: Verdana, Arial, sans-serif; font-size: 10px; color:#2191C2; } A.pageResults { color: #4A4949; } A.pageResults:hover { color: #4A4949; text-decoration:none; } TD.pageHeading, DIV.pageHeading { font-family: Verdana, Arial, sans-serif; font-size: 20px; font-weight: bold; color: #2191C2; } TR.subBar { background: #f4f7fd; } TD.subBar { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; } TD.main, P.main { font-family: Verdana, Arial, sans-serif; font-size: 11px; color:#2B729A; line-height: 1.5; } TD.smallText, SPAN.smallText, P.smallText { font-family: Verdana, Arial, sans-serif; font-size: 10px; } TD.accountCategory { font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #aabbdd; } TD.fieldKey { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; } TD.fieldValue { font-family: Verdana, Arial, sans-serif; font-size: 12px; } TD.tableHeading { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; } SPAN.newItemInCart { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; } CHECKBOX, INPUT, RADIO, SELECT { font-family: Verdana, Arial, sans-serif; font-size: 11px; } TEXTAREA { width: 100%; font-family: Verdana, Arial, sans-serif; font-size: 11px; } SPAN.greetUser { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #f0a480; font-weight: bold; } TABLE.formArea { background: #f1f9fe; border-color: #7b9ebd; border-style: solid; border-width: 1px; } TD.formAreaTitle { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; } SPAN.markProductOutOfStock { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; color: #c76170; font-weight: bold; } SPAN.productSpecialPrice { font-family: Arial,Verdana, Arial, sans-serif; color: #C20000; font:bold 12px Arial, Helvetica, sans-serif; } SPAN.errorText { font-family: Verdana, Arial, sans-serif; color: #ff0000; } .moduleRow { } .moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; } .moduleRowSelected { background-color: #E9F4FC; } .checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; } .checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; } /* message box */ .messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; } .messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; } .messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; } /* input requirement */ .inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; } Quote
usernamenone Posted February 12, 2007 Posted February 12, 2007 (edited) Open your browser to your shop. From the view menu on the tool bar choose view page source. Scroll down to the section you are looking to make changes and note the class, then go to your style sheet and search for that class if it isn't there then add it and then add the style you want for that class. Edited February 12, 2007 by usernamenone Quote
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.