Athens Collectibles:
You may also change most of colours, fonts, borders etc from within the reward.css file.
Athens Collectibles:
You are (mostly) correct. I have made extensive changes to the mod's stylesheet_reward.css to control the sidebox and how the reward points appear in various pages (product listing, shopping cart and checkout pages). You may view how the sidebox displays on my site Athens Collectibles, place an item into the cart and proceed to checkout, without of course confirming the order.
If you use Firefox with the Web Developer add-on, you will be able to replace the contents of the default stylesheet_reward.css with mine and make changes on the spot, viewing their effect. Not everything will be suitable for you because of possibly different product listing and checkout layouts but you will get the idea. My css is:
/**
/Override inputLabel style to get rid of ugly label word wrapping/
label.inputLabel {
float:left;
width:20em;
}
.inputLabel {
font-size:1.1em;
line-height:1.5em;
vertical-align: middle;
padding:0.2em;
float:left;
width:20em;
}
.inputField {
font-size:1.1em;
line-height:1.5em;
vertical-align: middle;
padding:0.2em;
float:left;
}
/wrappers - page or section containers/
#rewardWrapper {
background-color: #ffffff;
text-align: left;
width: 1000px;
vertical-align: top;
border: 0px solid #9a9a9a;
border-bottom: 5px solid #330099;
}
.productRewardPoints {
margin-bottom:1em;
padding-top:3px;
padding-bottom:3px;
border:1px solid #00ff00;
background-color:#ffffe0;
color: #ff0000;
}
.cartBoxRewardPoints {
margin:0pt;
padding:0.2em 0em;
color: #FF0000;
font-weight:bold;
text-align:right;
}
.cartBoxEarnedPoints {
margin:0pt;
padding:0.2em 0em;
color: #FF0000;
font-weight:bold;
text-align:right;
}
.cartBoxPendingPoints {
margin:0pt;
padding:0.2em 0em;
color: #FF8040;
font-weight:bold;
text-align:right;
}
#rewardpoints {
border:1px solid #00ff00!important;
background-color:#ffffe0!important;
}
#shoppingcartwithrewards {
border:1px solid #00ff00!important;
background-color:#ffffe0!important;
}
#cartBoxEmpty {
text-align:left;
font-weight:normal;
}
#otrewardpointsdisplay {
float:right;
}
#otrewardpointsdisplay .lineTitle {
text-align:left;
font-weight:bold;
color:#0000ff;
padding-right:10px;
padding-left:10px;
background-color:#ffffdd!important;
border:1px solid #0000ff;
margin-top:6px;
}
#otrewardpointsdisplay .totalBox {
width:70px;
text-align:center;
font-weight:bold;
color:#ffffff;
background-color:#0000ff!important;
border:1px solid #0000ff;
margin-top:6px;
}
#shoppingcartwithrewardsContent .cartBoxRewardPoints {
margin-bottom:-12px;
}
.rewardexplain {
font-weight:normal;
font-size:10px;
}
#rewardpoints .leftBoxHeading {
display:block;
border-bottom:1px solid #00ff00!important;
background-color:#ffffe0;
font-size:11px;
}
#shoppingcartwithrewards .leftBoxHeading {
display:block;
border-bottom:1px solid #00ff00!important;
background-color:#ffffe0;
font-size:11px;
}
> Compare my stylesheet to the one included with the mod and you will see my additions and changes.
>
> Good luck and post back if and when you manage to do what you want. Cheers for now.
Athens thank you so much for assisting. It seems that something else is controlling this side box. Try adding an item in your cart and see that the reward points do not turn red as they should do. I use FF dev tools and that section is styled with:
.cartBoxRewardPoints {
margin:0pt;
padding:0.2em 0em;
color: #FF0000;
font-weight:bold;
text-align:right;
}
Clearly it should be red and bold but never does. When I use the FF developers tools to view CSS information on that section this is what it shows.
.sideBoxContent a, .sideBoxContent div, .rightBoxContainer div, .leftBoxContainer div (line 989)
{
font-family: arial,verdana;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 11px;
font-size-adjust: none;
font-stretch: normal;
-x-system-font: none;
color: #454545;
line-height: 17px;
}
Also shows this:
.cartBoxRewardPoints {
margin:0pt;
padding:0.2em 0em;
color: #FF0000;
font-weight:bold;
text-align:right;
}
It seems that something else is overwriting and I haven't got the slightest clue as to where to change next, please help:frusty:
again site is <https://www.megasaveonline.com>