Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New to the CF scene
    Join Date
    Feb 2012
    Posts
    5
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Question changing the font type

    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;

  • #2
    New Coder
    Join Date
    Jan 2012
    Posts
    53
    Thanks
    0
    Thanked 3 Times in 3 Posts
    i think its something like:

    Code:
    {font-family: Time New Roman;}
    i believe but i do not remember

  • #3
    New to the CF scene
    Join Date
    Feb 2012
    Posts
    5
    Thanks
    1
    Thanked 0 Times in 0 Posts
    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

  • #4
    New Coder
    Join Date
    Jan 2012
    Posts
    53
    Thanks
    0
    Thanked 3 Times in 3 Posts
    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:
    [ CODE ]all code here[ /CODE ]
    (Without spaces)

    As it makes it easier to view.

    also you can just hit this button:

  • #5
    New to the CF scene
    Join Date
    Feb 2012
    Posts
    5
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Do you mean the code for the shopping cart?

    I think its this:

    Code:
    <?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.

  • #6
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,950
    Thanks
    9
    Thanked 724 Times in 718 Posts
    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:

    Code:
    .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:

    Code:
    .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:

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


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •