Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Recommended Posts

Posted

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; }

  • 3 weeks later...
Posted (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 by usernamenone

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.

Guest
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...