css help
 

Go to:
www.roadrashapparel.com/rra/
and add something to the cart. Now in the minicart you see everything but the total under the shipping cost. It's there but just in black. I thought it would be in my css but can't find it.

At the bottom is the minicart addtion:

I also looked in minicart.php and minicart.tpl to find how to change.

BODY,P,DIV,TH,TD,P {
font-family: Verdana, Arial, Helvetica, Sans-serif;
color: #FFFFFF;
font-size: 15px;
scrollbar-arrow-color:black;
scrollbar-track-color:dimgray;
scrollbar-face-color:gainsboro;

scrollbar-3dlight-color:gainsboro;
scrollbar-base-color:gainsboro;
scrollbar-darkshadow-color:dimgray;
scrollbar-highlight-color:gainsboro;
scrollbar-shadow-color:black;
}
A:link {
COLOR: #FFFFFF; TEXT-DECORATION: none;
}
A:visited {
COLOR: #FFFFFF; TEXT-DECORATION: none;
}
A:hover {
COLOR: #FFF700; TEXT-DECORATION: underline;
}
A:active {
COLOR: #000000; TEXT-DECORATION: none;
}
H1 {
FONT-SIZE: 15px;
}
H2 {
FONT-SIZE: 15px;
}
H3 {
FONT-SIZE: 15px;
}
HR {
COLOR: #000000; HEIGHT: 1px;
}
BODY {
MARGIN-TOP: 0 px; MARGIN-BOTTOM: 0 px; MARGIN-LEFT: 0 px; MARGIN-RIGHT: 0 px;
background: url(images/backgr.gif); background-repeat:;
}
INPUT,SELECT,TEXTAREA {
font-family: Verdana, Arial, Helvetica, Sans-serif;
color: #000000;
FONT-SIZE: 15px;
}
.HeadBox {
BACKGROUND-COLOR: #FFFBD3;
}
.HeadText {
FONT-SIZE: 15px; FONT-WEIGHT: bold;
}
.HeadLine {
BACKGROUND-COLOR: #696856;
}
.VertMenuBox {
BACKGROUND-COLOR: #000000;
}
.VertMenuBorder {
BACKGROUND-COLOR: #8E4800;
}
.VertMenuTitle {
BACKGROUND-COLOR: #696856; COLOR: #FFFFFF; FONT-WEIGHT: bold;
}
.VertMenuItems{
COLOR: #FFFFFF; TEXT-DECORATION: none;
}
.VertMenuItems:link {
COLOR: #FFFFFF; TEXT-DECORATION: none;
}
.VertMenuItems:visited {
COLOR: #FFFFFF; TEXT-DECORATION: none;
}
.VertMenuItems:hover {
COLOR: #FFFFFF; TEXT-DECORATION: underline;
}
.VertMenuItems:active {
COLOR: #FFFFFF; TEXT-DECORATION: none;
}
.VertMenuHr {
COLOR: #FFFFFF;
}
.CategoriesList {
FONT-SIZE: 15px
}
.DialogBox {
BACKGROUND-COLOR: #848484;
}
.DialogBorder {
BACKGROUND-COLOR: #848484;
}
.DialogTitle {
COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 15px;
}
.NumberOfArticles {
COLOR: #FFFFFF; FONT-WEIGHT: bold;
}
.TopLabel {
COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 15px;
}
.Text {
COLOR: #000000;
}
.DecorTr {
COLOR: #38B2EC;
}
.AdminSmallMessage {
COLOR: #FF3300;
}
.AdminTitle {
COLOR: #FF3300; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.Line {
BACKGROUND-COLOR: #FF6600;
}
.ProductTitle {
COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.ProductTitleHidden {
COLOR: #666666; FONT-WEIGHT: bold; FONT-SIZE: 11px;
}
.ProductDetailsTitle {
COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.ProductDetails {
COLOR: #FFFFFF;
}
.ProductPriceTitle {
COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.ProductPriceConverting {
COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.ProductPrice {
COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.ProductPriceSmall {
COLOR: #000000; FONT-WEIGHT: bold;
}
.MarketPrice {
FONT-SIZE: 14px; FONT-FAMILY: Times New Roman;
}
.ItemsList {
COLOR: #330000; FONT-WEIGHT: bold;
}
#Disabled {
COLOR: #909090;
}
.NavigationPath {
COLOR: #FFFFFF; FONT-WEIGHT: bold; TEXT-DECORATION: none;
}
.NavigationPath:link {
COLOR: #FFFFFF; FONT-WEIGHT: bold; TEXT-DECORATION: underline;
}
.NavigationPath:visited {
COLOR: #FFFFFF; FONT-WEIGHT: bold; TEXT-DECORATION: underline;
}
.NavigationPath:hover {
COLOR: #FFFFFF; FONT-WEIGHT: bold; TEXT-DECORATION: none;
}
.NavigationPath:active {
COLOR: #FFFFFF; FONT-WEIGHT: bold; TEXT-DECORATION: underline;
}
.FormButton {
COLOR: #330000; FONT-WEIGHT: bold;
}
.Button {
FONT-FAMILY: Arial;
BACKGROUND: URL(images/butbg.gif);
BACKGROUND-COLOR: #FF8600;
COLOR: #FFFFFF; FONT-WEIGHT: bold;
FONT-SIZE: 11px;
TEXT-DECORATION: none;
}
.CustomerMessage {
COLOR: #FF3300; FONT-WEIGHT: bold;
}
.ErrorMessage {
COLOR: #FF3300; FONT-WEIGHT: bold;
}
.Star {
COLOR: #FF0000;
}
.HighLight {
BACKGROUND-COLOR: #FFFFCC;
}
.SaveMoneyLabel {
COLOR: #FFFFFF; FONT-WEIGHT: bold;
}
.TableHead {
BACKGROUND-COLOR: #CCCCCC; FONT-WEIGHT: bold;
}
.TableSubHead {
BACKGROUND-COLOR: #EEEEEE;
}
.TableLine {
BACKGROUND-COLOR: #F0F0F0;
}
.SmallNote:link {
COLOR: #FFFFFF; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif;
}
.SmallNote:visited {
COLOR: #FFFFFF; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif;
}
.SmallNote:hover {
COLOR: #FFFFFF; TEXT-DECORATION: underline; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif;
}
.SmallNote:active {
COLOR: #FFFFFF; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif;
}
.SmallText {
COLOR: #FFFFFF; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif;
}
.Bottom {
BACKGROUND-COLOR: #000000; COLOR: #FFFFFF;
}
.Tab {
BACKGROUND-COLOR: #FFD44C;
FONT-WEIGHT: bold;
TEXT-TRANSFORM: uppercase;
}
.CatMenuItemOff
{
BACKGROUND-COLOR: transparent; /* like "VertMenuBox" */
BORDER-RIGHT: none; /* like "VertMenuBox" */
BORDER-TOP: none; /* like "VertMenuBox" */
BORDER-LEFT: none; /* like "VertMenuBox" */
BORDER-BOTTOM: none; /* like "VertMenuBox" */
MARGIN-BOTTOM: 1px;
MARGIN-TOP: 1px;
MARGIN-LEFT: 2px;
MARGIN-RIGHT: 3px;
CURSOR: pointer;
}
.CatMenuItemOffExp
{
BACKGROUND-COLOR: transparent; /* like "VertMenuBox" */
BORDER-RIGHT: none; /* like "VertMenuBorder" */
BORDER-TOP: none; /* like "VertMenuBorder" */
BORDER-LEFT: none; /* like "VertMenuBorder" */
BORDER-BOTTOM: none; /* like "VertMenuBorder" */
MARGIN-BOTTOM: 1px;
MARGIN-TOP: 1px;
MARGIN-LEFT: 2px;
MARGIN-RIGHT: 3px;
CURSOR: pointer;
}
.CatMenuItemOn
{
BACKGROUND-COLOR: #FF8600; /* like "VertMenuTitle" */
BORDER-RIGHT: 1px solid #FF8600; /* like "VertMenuBorder" */
BORDER-TOP: none; /* like "VertMenuBorder" */
BORDER-LEFT: none; /* like "VertMenuBorder" */
BORDER-BOTTOM: none; /* like "VertMenuBorder" */
MARGIN-BOTTOM: 1px;
MARGIN-TOP: 1px;
MARGIN-LEFT: 2px;
MARGIN-RIGHT: 3px;
CURSOR: pointer;
}
.CatSubMenu
{
BACKGROUND-COLOR: #FFD44C; /* like "VertMenuBox" */
BORDER-RIGHT: #8E4B00 1px solid; /* like "VertMenuBorder" */
BORDER-TOP: #8E4B00 1px solid; /* like "VertMenuBorder" */
BORDER-LEFT: #8E4B00 1px solid; /* like "VertMenuBorder" */
BORDER-BOTTOM: #8E4B00 1px solid; /* like "VertMenuBorder" */
MARGIN-LEFT: 1px;
MARGIN-RIGHT: 2px;
}
.CatMenuItem
{
FONT-SIZE: 12px;
FONT-FAMILY: Arial;
CURSOR: pointer;
}
.CatMenuItem:link
{
COLOR: #330000; /* like "VertMenuItems" */
}
.CatMenuItem:visited
{
COLOR: #330000; /* like "VertMenuItems" */
}
.CatMenuItem:hover
{
COLOR: #330000; /* like "VertMenuTitle" */
}
.CatMenuItem:active
{
COLOR: #330000; /* like "VertMenuItems" */
}
.NavDialogTitle {
font-size: 13px;
font-weight: bold;
color: #330000;
}
.NavDialogBorder {
background-color: #FFCC33;
}
.NavDialogBox {
background-color: #FFFFCC;
}
.PopupHelpLink {
FONT-SIZE: 9px;
COLOR: #330000;
TEXT-DECORATION: none;
}
.SubHeader2 {
COLOR: #666666;
font-size: 11px;
FONT-WEIGHT: bold;
}
.SubHeader2Line {
BACKGROUND-COLOR: #CCCCCC;
}
.HightLightRow {
BACKGROUND-COLOR: #B0B0B0;
font-weight: bold;
}
.HightLightEqualRow {
BACKGROUND-COLOR: #ffe8af;
}
.VertMenuSubTitle {
BACKGROUND-COLOR: #FFA92F;
}
.SpecialOffersPrice {
COLOR: #FF3300; FONT-WEIGHT: bold; FONT-SIZE: 14px;
}
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -500px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 40px; /*position where enlarged image should offset horizontally */

}
/* Custom Descriptive Minicart Mod START - mycode */
.MiniCartTextTiny {
FONT-SIZE: 9px;

}
/* Custom Descriptive Minicart Mod END - mycode */

Re: css help
 

At a glance your css looks fine except you should get rid of this empty rule, or supply a value for it:


As for finding which rule applies to the minicart total, open up minicart.tpl and look for this:


The code above is unmodified from 4.1.6. Check that your code is the same, or if you've modified it, check which class is given to and . Once you have the class name you can look it up in your css.

If you still can't find it, just add a class (with a name of your choice) to the two <td>s shown above in minicart.tpl Then add a rule for that class, with your text colour choice, to your css.

If this doesn't work and you've modified minicart.tpl, check that no colour rules are written into the html, as these will override rules set in your stylesheet.

regards,
n00bert

Re: css help
 

It was the Class -ProductPriceSmall, it was set to black, changed it to white in css and that did it. Thanks for the help,,:)

Re: css help
 

I was wrong,
<td class="VertMenuItems">{$minicart_total_items}</td>
I hade to add --include file="currency.tpl"-- to the line,

That did it,