Pop-up cart not displaying right in Wordpress site

[runnerboy]

My other wordpress site works great with my ejunkie cart but for some reason my new site (rollrecovery.com) the cart is missing my shipping cost and also my customized code for discounts. The code works fine in an html tester but not on the site. Also the boxes for zip code and quantity are too big and not displaying properly.



Thoughts?



Here is the code I'm using:



<a href="https://www.e-junkie.com/ecom/gb.php?c=cart&i=1113058&cl=216685&ejc=2" target="ejejc" class="ec_ejc_thkbx" onClick="javascript:return EJEJC_lc(this);"><img src="http://www.e-junkie.com/ej/ejadd_to_cart.gif" border="0" alt="Add to Cart"/></a>



<a href="https://www.e-junkie.com/ecom/gb.php?c=cart&cl=216685&ejc=2" target="ejejc" class="ec_ejc_thkbx" onClick="javascript:return EJEJC_lc(this);"><img src="http://www.e-junkie.com/ej/ejview_cart.gif" border="0" alt="View Cart"/></a>

<script language="javascript" type="text/javascript">

<!--

function EJEJC_lc(th) { return false; }

function EJEJC_config() {

EJEJC_PLAYNICE=true;

EJEJC_INITCSS = false;

EJEJC_POSTCALL=true;

}

function EJEJC_shown() {

jQuery("#dscnt_cd").attr("innerHTML", "Athlete Code");

}

// -->

</script>

<script src='http://www.e-junkie.com/ecom/box.js' type='text/javascript'></script>

[E-junkie_Guru]

If you set EJEJC_PLAYNICE=true;, then any jQuery statements under function EJEJC_shown() {} must be changed to ejejc_jQuery like so:



function EJEJC_config() {

EJEJC_PLAYNICE=true;

EJEJC_INITCSS = false;

EJEJC_POSTCALL=true;

}

function EJEJC_shown() {

ejejc_jQuery("#dscnt_cd").attr("innerHTML", "Athlete Code");

}



I'm seeing the shipping cost appear when I enter my ZIP code in your cart, so apparently you've already resolved that matter by now.

[runnerboy]

Hey thanks for the response.



That worked.



But the Quantity box and Zip Code box are still out of place. Any idea about how to fix this?

[runnerboy]

Or I should say, not out of place, just very large.

[E-junkie_Guru]

That would be due to your site's CSS styling code affecting the appearance of the cart, since it displays "inside" your page as a part of that page. You can fix this by editing this CSS file in your site:

http://www.rollrecovery.com/wp-content/themes/activity/css/template.css



...where you should find this section and remove the "!important" from the line "padding:8px!important;":



/*forms-----------------------------------*/

/*input*/

input,

input.wpcf7-text,

textarea {

border:solid 1px #fff!important;

background:#f7f7f7;

-moz-border-radius:3px;

-webkit-border-radius:3px;

border-radius:3px;

-moz-box-shadow: inset 0 0 10px #9b9b9b;

-webkit-box-shadow: inset 0 0 10px #9b9b9b;

box-shadow: inset 0 0 10px #9b9b9b;

padding:8px!important;

font-size:12px;

}

[runnerboy]

hmmm, tried removing "!important" and didn't do anything?

[runnerboy]

Or maybe an easier way is to edit the cart style?



I just need a bit of more space in the "Quantity" column. Is it easy to add space between "Quantity" and "Amount (USD)" columns?



Thanks.

[E-junkie_Guru]

Actually, I am seeing the fix already in effect on your page. You may need to force-refresh the page in your browser to make sure it's loading the latest copy of the page (including any CSS files it uses) direct from the server, rather than just showing you an old copy it cached from a previous visit. Just hold the Ctrl key (on PC) or Shift key (on Mac) while you click the Reload/Refresh button (or hitting Ctrl-F5 on a PC does the same thing).

[runnerboy]

Yes! You're right. Looks great.



And thank you so much for the fast responses.