Credit card sidebox image and box height

[beasleybub]

I have installed the cc_accept_v1_2 module and I am having trouble getting the image to align with the top of the "we accept..." sidebox. I tried messing with the stylesheet and it did not seem to help. How can I get the image to bump up next to the top of the sidebox?

http://www.thriftswift.com

[Sketchy]

I'm not familiar with that add-on, but if it's your desire to shrink the top/bottom margins of the box around the image... go back into your stylesheet and find:

#ccaccept {text-align: top; margin: 0em; padding: 0em 0em;}

Change the above to:

#ccacceptContent { margin: 0em; padding:0em;}

If you really want to shrink down the box until the absolute limit, add this:

#ccaccept p {margin: 0em; padding: 0em;}

[beasleybub]

Sketchy,
Thank you!!
I am very old school when it comes to HTML and I am just learning about stylesheets.
I learn something new every day
You rock!

[beasleybub]

Sketchy,
One question though.
What is the difference between

#ccacceptContent

#ccaccept p

in css? And where can I get more info about stylesheet commands

[Sketchy]

You're very welcome, I'm glad my advice came in handy. You'll have to forgive the following text as my "Enter" key isn't working so I can't break into paragraphs. lol The content of that sidebox assumes the "paragraph"<p> declaration for the rest of the sideboxes, thus I overrode that assignment by specifying the "paragraph" declaration in that box itself. "ccacceptContent" was assigned in the actual code for that sidebox mod, so I used that <div> info to use for the CSS Selector. There was a handy guide on the net, explaining how everything works for Zen Cart(more so the template system)... I think it disappeared due it's archaic nature. The guide was great, but so much has changed. Some cheat sheets I use are... http://www.thecore.nus.edu.sg/cpace/...dards/css.html , http://www.w3schools.com/css/ , http://www.echoecho.com/cssintroduction.htm , http://www.cs.iupui.edu/~aharris/xhtml/xhtmlPrimer.html , and the rest are dead links in my "favorites". I guess a person can't expect things to last forever on the web. lol

[Sketchy]

Oh, I have more advice to add. I like your template, but I don't find appeal in regards to the center column header graphic bloated and showing two highlight lines like it is. I have a tidbit of stylesheet code to tweak in order to get that center box top matching like the sidebox tops. Damn it, my "Enter" key still isn't working. Okay, find the following Selector code in your stylesheet: h2.centerBoxHeading {
background-color:#1D5685;
background-image:url(../images/bg_box_header.gif);
color:#FFFFFF;
font-size:1.3em;
margin:0em;
padding:0.5em 0.2em;
} Change the value in red to 0.3em Sorry this is a mess, but it's the best I can do without having the use of my "Enter" key. lol

[beasleybub]

I appreciate your input but I did not see any difference when I made the change. Did you?
I am not sure what you are exactly talking about. What is bloated? I don't see it.
I am using IE7 if that helps. Thanks

And on a second note: Is there any way to center the product name and price on all of my listings. I moved the product image to below the product name and price and really would like to center the products name and price for symmetry.

Do you have a pay-pal account? I would like to send you a gift.

Cheers!

[Sketchy]

No, I don't see a difference. Basically, what I see is that the center column header graphic shows two highlight lines due to the graphic being stretched horizontally. That's in IE6, IE7, and FF.

Oh boy, I think the prior code got snipped in my past post, sorry! It should be as follows:

h2.centerBoxHeading {margin: 0em; background-color: #1D5685; background-image: url(../images/bg_box_header.gif); padding: 0.5em 0.2em; font-size: 1.3em; color: #ffffff;}

The above value in red, should maybe be: 0.3em

What that will do is shrink the center column header graphic until the lower highlight disappears, it would look more streamlined like your sidebox tops. That's just me though, you don't have to take heed by any means. I'm just offering a suggestion as an extremely picky person and ex-designer. lol

No, I don't have PayPal and I don't require anything. I appreciate the gesture though but your happiness is good enough for me.

BTW, is it just me having to type out on notepad and then c/p into a post here in order to have the "Enter" key working?

[beasleybub]

Sketchy,
Ah,Ha! Luckly I beat you to it and answered my own question.
I don't know how I figured it out but what I did was to use the overides system in my template.

in tpl_product_info_display.php I went to this section and added the html in red.

<!--bof Product Name-->
<center><h1 id="productName" class="productGeneral"><?php echo $products_name; ?></h1></center>
<!--eof Product Name-->

<!--bof Product Price block -->
<center><h2 id="productPrices" class="productGeneral">
<?php
// base price
if ($show_onetime_charges_description == 'true') {
$one_time = '<span >' . TEXT_ONETIME_CHARGE_SYMBOL . TEXT_ONETIME_CHARGE_DESCRIPTION . '</span><br />';
} else {
$one_time = '';
}
echo $one_time . ((zen_has_product_attributes_values((int)$_GET['products_id']) and $flag_show_product_info_starting_at == 1) ? TEXT_BASE_PRICE : '') . zen_get_products_display_price((int)$_GET['products_id']);
?></h2></center>
<!--eof Product Price block -->

Anywho, I still appreciate your help and wonder what you were seeing with the padding issue you described earlier.

[Sketchy]

"And on a second note: Is there any way to center the product name and price on all of my listings. I moved the product image to below the product name and price and really would like to center the products name and price for symmetry." Sorry for missing that, but aren't they centered? ~Edit.... hahaha, yup, you beat me too it.