Credit card sidebox image and box height

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

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;}

Sketchy,
Thank you!! :clap:
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!

Sketchy,
One question though.
What is the difference between

#ccacceptContent

#ccaccept p

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

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/ht/strain/web-standards/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

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

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!:P

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?

Sketchy,
Ah,Ha! Luckly I beat you to it and answered my own question.:laugh:
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.

<center><h1 id="productName" class="productGeneral"><?php echo $products_name; ?></h1></center>

<center><h2 id="productPrices" class="productGeneral">

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

"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.

Well, poo! You beat me! :laugh:

Sketchy:

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?

How did you kill your keyboard? I spilled soda into mine once. "NOT GOOD":lamo:

Here's an image to explain much easier..

hahha.. nope. Oh, and it was soooo close. If I didn't have to convert my posts in Notepad first.. I would have beat you. lol

Funny that my "Enter" key works fine in Notepad, but not in the post input. I don't get it. I've been over-working Firefox and it's extensions, so I guess I deserve it.

I tried editing my stylesheet like you suggested.
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;}

I even changed it to
h2.centerBoxHeading {margin: 0em; background-color: #1D5685; background-image: url(../images/bg_box_header.gif); padding: 0.0em 0.0em; font-size: 1.3em; color: #ffffff;}
did not seem to change a thing.

I feel so...... So Darn Stupid!
I have been looking for the problem at the header not the center column.:oops:
Gotcha now. How's that look now that I stopped mutilating it?

It's XxXfabulousXxX !

Sorry, I'm not the best at explaining. So, I'm to blame for the misguided Selector tweaks. I have a hard time converting thought into word. I should stick to poetry. Although, I think I would add to confusion even more, in regards to explaining in Haiku or simple rhyme. :laugh:

Can this contribution be used instead of the PayPal verified sidebox? I noticed it displays a PayPal verified logo, but does clicking the logo direct customers to the PayPal website at which they can view the verified status?

Yes, All you have to do is add an html image link.

I did it the other way around and just added the credit card images to the paypal verified sidebox :p