changing the font type

[MeganH]

I am wanting to change the font in the shopping cart I have put on my website. I know nothing about coding but have managed to change a few things already thanks to some help for you guys.

Now i'm wanting to change the font of the headings in the shopping cart so that it matches in with the rest of my website. I will paste all the default settings for the cart here so you can see it all and maybe help with what the exact code is that I need to change.

Thanks for your help!!

/*-----SHOPPING CART-----*/
.shopping-cart-wrapper {
line-height:1.2em;
position:relative;
}

.shopping-cart-wrapper span.cart_message {
display:block;
padding:5px;
border:1px solid #dedede;
margin:10px 0;
}

.shopping-cart-wrapper .numberitems {
margin-bottom:5px;
display:block;
}

.shopping-cart-wrapper .shoppingcart {
padding:5px;
}

.shopping-cart-wrapper .shoppingcart table {
width:100%;
}

.shopping-cart-wrapper .shoppingcart table th {
font-family: Arial, sans-serif;
padding:2px;
}

.shopping-cart-wrapper .shoppingcart table th:first-child {
text-align: left;
}

.shopping-cart-wrapper .shoppingcart table tbody td {
padding:2px;
text-align:center;
}

.shopping-cart-wrapper .shoppingcart table .cart-widget-count{
width:70px;
}

.shopping-cart-wrapper .shoppingcart table tbody td, .shopping-cart-wrapper .shoppingcart table tbody td a {
text-decoration: none;
}

.shopping-cart-wrapper .shoppingcart table tbody td a:hover {
text-decoration: underline;
}

.shopping-cart-wrapper .remove_button {
background:url(wpsc-images/delete.png) no-repeat scroll 0 4px transparent;
width:14px;
text-indent:-9999px;
border:none;
outline:none;
*line-height:1;
cursorointer;
}

.shopping-cart-wrapper .shoppingcart table tbody td.cart-widget-remove{
padding:0px;
}

.shopping-cart-wrapper .checkout-shipping,
.shopping-cart-wrapper .checkout-tax,
.widget_wpsc_shopping_cart #cart-widget-links {
text-align: right;
padding: 0px 6px 0px 0px;
}

.widget_wpsc_shopping_cart .checkout-total, .widget_wpsc_shopping_cart .pluspostagetax {
text-align:right;
font-weight:bold;
}

.shopping-cart-wrapper .shoppingcart table tbody td.product-name{
text-align: left;
max-width: 90px;
word-wrap: break-word;
overflow: hidden;
}

.widget_wpsc_shopping_cart .cart-widget-total td {
border-top:solid 2px #000;
padding: 5px 6px 5px 5px;
}

.widget_wpsc_shopping_cart tr.cart-widget-shipping td {
border-top:1px solid #000;
}

.widget_wpsc_shopping_cart .shoppingcart{
position:relative;
}

.shopping-cart-wrapper a.emptycart:link, .shopping-cart-wrapper a.emptycart:visited {
text-decoration:none;
color:#666;
font-size:11px;
}

.shopping-cart-wrapper .gocheckout:active {
border:1px solid #ccc;
}

.shopping-cart-wrapper .empty {
margin-top:10px;
}
/*

.shopping-cart-wrapper a.visitshop:link, .shopping-cart-wrapper a.visitshop:visited {
text-decoration:underline;
font-size:12px;
color:#006699;
}

.shopping-cart-wrapper .empty {
margin-bottom:5px;
}
*/

.shopping-cart-wrapper a.visitshop:hover, .shopping-cart-wrapper a.visitshop:active {
text-decoration:none;

[D34th Maker]

i think its something like:

{font-family: Time New Roman;}

i believe but i do not remember

[MeganH]

I have tried that. I've looked in the default CSS files and changed all the font-family types but it still hasn't changed the shopping cart ones... am I looking in the right place?
Thanks for the info tho at least I knew what to even look for

[D34th Maker]

well thats all i can tell right now. um add in your html for your shopping cart part along with your index page and i may be able to help you a little more, also please put your code in this tag

[ CODE ]all code here[ /CODE ]

(Without spaces)

As it makes it easier to view.

also you can just hit this button:

[MeganH]

Do you mean the code for the shopping cart?

I think its this:

<?php if(isset($cart_messages) && count($cart_messages) > 0) { ?>
	<?php foreach((array)$cart_messages as $cart_message) { ?>
	  <span class="cart_message"><?php echo $cart_message; ?></span>
	<?php } ?>
<?php } ?>

<?php if(wpsc_cart_item_count() > 0): ?>
    <div class="shoppingcart">
	<table>
		<thead>
		<tr>		
				<th id="product" colspan='2'><?php _e('Product', 'wpsc'); ?></th>
				<th id="quantity"><?php _e('Qty', 'wpsc'); ?></th>
				<th id="price"><?php _e('Price', 'wpsc'); ?></th>
	            <th id="remove">&nbsp;</th>
			</tr>
		</thead>
		<tbody>
		<?php while(wpsc_have_cart_items()): wpsc_the_cart_item(); ?>
			<tr>
					<td colspan='2' class='product-name'><a href="<?php echo wpsc_cart_item_url(); ?>"><?php echo wpsc_cart_item_name(); ?></a></td>
					<td><?php echo wpsc_cart_item_quantity(); ?></td>
					<td><?php echo wpsc_cart_item_price(); ?></td>
                    <td class="cart-widget-remove"><form action="" method="post" class="adjustform">
					<input type="hidden" name="quantity" value="0" />
					<input type="hidden" name="key" value="<?php echo wpsc_the_cart_item_key(); ?>" />
					<input type="hidden" name="wpsc_update_quantity" value="true" />
					<input class="remove_button" type="submit" />
				</form></td>
			</tr>	
		<?php endwhile; ?>
		</tbody>
		<tfoot>
			<tr class="cart-widget-total">
				<td class="cart-widget-count">
					<?php printf( _n('%d item', '%d items', wpsc_cart_item_count(), 'wpsc'), wpsc_cart_item_count() ); ?>
				</td>
				<td class="pricedisplay checkout-total" colspan='4'>
					<?php _e('Total', 'wpsc'); ?>: <?php echo wpsc_cart_total_widget( false, false ,false ); ?><br />
					<small><?php _e( 'including GST', 'wpsc' ); ?></small>
				</td>
			</tr>
			<tr>
				<td id='cart-widget-links' colspan="5">
<br>
					<a target="_parent" href="<?php echo get_option('shopping_cart_url'); ?>" title="<?php _e('Checkout', 'wpsc'); ?>" class="gocheckout"><?php _e('Checkout', 'wpsc'); ?></a>
<br>
<br>
					<form action="" method="post" class="wpsc_empty_the_cart">
						<input type="hidden" name="wpsc_ajax_action" value="empty_cart" />
							<a target="_parent" href="<?php echo htmlentities(add_query_arg('wpsc_ajax_action', 'empty_cart', remove_query_arg('ajax')), ENT_QUOTES, 'UTF-8'); ?>" class="emptycart" title="<?php _e('', 'wpsc'); ?>"><?php _e('', 'wpsc'); ?></a>                                                                                    
					</form>
				</td>
			</tr>
		</tfoot>
	</table>
	</div><!--close shoppingcart-->		
<?php else: ?>
	<p class="empty">
		<?php _e('Your shopping cart is empty', 'wpsc'); ?><br />
		<a target="_parent" href="<?php echo get_option('product_list_url'); ?>" class="visitshop" title="<?php _e('Visit Shop', 'wpsc'); ?>"><?php _e('Visit the shop', 'wpsc'); ?></a>	
	</p>
<?php endif; ?>

<?php
wpsc_google_checkout();


?>

I'm sorry if its a complete mess.

[SB65]

WP e-Commerce, right?

Assuming that you mean the column titles in the sidebar shopping cart then this is the code you need to amend:

.shopping-cart-wrapper .shoppingcart table th {
font-family: Arial, sans-serif;
padding:2px;
}

If the rest of your site uses a different font as you imply then you should be able to just delete the font-family setting from this statement, so it reads:

.shopping-cart-wrapper .shoppingcart table th {
padding:2px;
}

Incidentally, if your font has more than one word then it needs to be wrapped in quotes within the font-family statement:

font-family{"Times New Roman", Georgia, serif}