Hi - I am trying to edit the shopping cart in the .css file and most changes are obvious except for the item code, the subtotal and the shipping details at the bottom that I cannot find. Can you help please.
Regards
Keith

Hello Keith,

can you please describe a little more detailed what do you need to change exactly?

Hi Teodor

I cannot seem to change the text colour for the item code, the subtotal and the shipping details. All the other elements are easily changed but the css for these three elements does not appear to be there. You can see the cart and what is my experimentation with colours for this new website onecureforman.com/Proof/album.php I want to see what ir would like with yellow text.

Regards

Keith

Hello,

The item number:

#dmxSPSCart li a span {
    color: #999999;
    display: block;
    font-size: 10px;
}

The shipping:

#dmxSPSCart p .shipping {
    color: #999999;
    display: block;
    font-size: 10px;
    font-weight: normal;
}

Thanks for the response

I have added the code but nothing has changed after changing the colour code in the css. I have included the code below so you can see if I am missing something obvious.

Regards

Keith

#dmxSPSCart li a {
font-weight:bold !important;
color:#fff200 !important;
}
#dmxSPSCart li a:hover {
color:#fff200 !important;
}

#dmxSPSCart li a span {
color: #fff200;
display: block;
font-size: 10px;
}

#dmxSPSCart li a span {
color: #fff200;
display: block;
font-size: 10px;
}

#dmxSPSCart p input {
border:none !important;
background: url(images/minicart_sprite.png) 0px 0px !important;
border-radius: 2px !important;
color: #fff200 !important;
float: right !important;
font-weight: bold !important;
margin: 0 !important;
padding: 3px 4px !important;
text-decoration: none !important;
}
#dmxSPSCart p input:hover {
color: #fff200 !important;
background: url(images/minicart_sprite.png) 0px -50px !important;
}

#dmxSPSCart p .shipping {
color: #fff200;
display: block;
font-size: 10px;
font-weight: normal;
}

#dmxSPSCart li .quantity {
background: #aa1904 !important;
color: #fff200 !important;
border: 1px solid #fff200 !important;
}
#dmxSPSCart ul {
border-bottom: 1px solid #fff200 !important;
border-top: 1px solid #fff200 !important;
}#dmxSPSCart form {
background-color: #AA1904 !important;
color: #fff200 !important;
border: 1px solid #ccc !important;
border: 1px solid rgba(0, 0, 0, 0.2) !important;
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) !important;
-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) !important;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) !important;
border-top:none !important;
}

Hello,
Please use !important in your cs in order to be sure your changes will be applied and override the default ones.

Hi - Now I am getting somewhere, that works now. The only thing left to change is the bold sub-total at the bottom of the cart, can you help with this please?

Regards

Keith

Hi,
the link that you posted earlier is not active now and i cannot inspect your shopping cart styles.

Hi - as this is a site under construction I have taken it off the hosting for now as I am out of office until next Tuesday. I will get back to you then if you don't mind.

Keith

Hi - The subtotal seems to be the only text I cannot now find the code for in the .css - you see the page by following this link:

onecureforman.com/Proof/album.php

Thanks

Keith

Hello Keith,

You need to add this anywhere in your css and attach styles to it:

div#dmxSPSCart form p span {
}

Thanks - that has done the trick and I can now change all areas of the css I need to.
Appreciate the help and response times.

Keith