Zen Cart Logo
Forums / Addon Sideboxes / Credit card side box

Credit card side box

Locked

Views: 1,448

Results 1 to 3 of 3
This thread is locked. New replies are disabled.
23 Sep 2009, 4:49 PM
#1
firedkm avatar

firedkm

New Zenner

Join Date:
Jan 2009
Posts:
20
Plugin Contributions:
0

Credit card side box

I am using Zen Cart 1.3.8a and added the credit card side box.

I removed the google checkout logo since I dont use google.

My problem is the cards are not centered in the box.

My site www.dalespuzzles.com

According to the install instructions I can add some coding to fix this.

Add the following line to your stylesheet and tweak as needed
#ccacceptContent {text-align:center; padding:10px 20px; line-height:1.5em;}
IDs and a class for the card icons are also available for fine tuning the look
of this box

This is my style sheet info:

<?php /** * tpl_cc_accept.php * * Loaded automatically by index.php?main_page=account_edit.<br /> * Displays information related to a single specific order * * @package templateSystem * @copyright Copyright 2003-2008 Zen Cart Development Team * @copyright Portions Copyright 2003 osCommerce * @license <http://www.zen-cart.com/license/2_0.txt> GNU Public License V2.0 * $Id: tpl_cc_accept.php v 1.2.1 2008-04-10 * Originally copied from featured.php and modified by Carter Harris * Upgraded to work with Zen Cart 1.3.8 by kuroi * Modified with Google Checkout and Paypal CC_Logos by WebSkipper */ /** Delete this line- Download the previous version and follow the */ $content = ''; $content .= '<div id="' . str_replace('_', '-', $box_id . 'Content') . '" class="sideBoxContent">' . "\n"; $content .= '<img id="ccMC" class="cc_img" src="images/cc_logos/logo_ccMC.gif" />' . "\n" .'<img id="ccVisa" class="cc_img" src="images/cc_logos/logo_ccVisa.gif" />' . "\n" . '<img id="ccAmex" class="cc_img" src="images/cc_logos/logo_ccAmex.gif" />' . "\n" . '<img id="ccDiscover" class="cc_img" src="images/cc_logos/logo_ccDiscover.gif" />' . "\n" . '<img id="ccEcheck" class="cc_img" src="images/cc_logos/logo_ccEcheck.gif" />' . "\n". '<img id="ccPaypal" class="cc_img" src="images/cc_logos/PayPal_mark_37x23.gif" />' . "\n". $content .= '</div>' . "\n"; ?>

Where do i put the code so I can get my credit cards looking centered?

Thank you for the help
Dale

23 Sep 2009, 4:59 PM
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Credit card side box

That's not your stylesheet - it is in includes/templates/rustic/css

Try adding this to stylesheet.css at the bottom if you don't need the padding, etc.:

#ccaccept {text-align:center;}

23 Sep 2009, 6:10 PM
#3
firedkm avatar

firedkm

New Zenner

Join Date:
Jan 2009
Posts:
20
Plugin Contributions:
0

Re: Credit card side box

Thank you that worked out just fine!