Customizing text attributes in shopping cart

[supera]

I'm trying to change the color of the "Checkout:" line in the shopping cart to something that will make it stand out more (probably a dark read). I have installed the "View Source Chart" Firefox plugin (very useful) and found an id of "tdPmnt" which is, I think, what's affecting the color of this line. So, I put in a new style in my CSS:

tdPmnt {

color:#9c1416;<br />
}<br />

But this doesn't have any affect on the "Checkout:" line. So, I suspect that's not the right id. Any ideas what I should be changing to do this?



Thanks.

[E-junkie_Guru]

I think what you'd really want to use is an adaptation of our cart customization code:

http://www.e-junkie.com/ej/help.custom-cart.htm



This should do the trick; just add these lines to your View Cart code on every page, just before the "// -->" line in the standard code you obtained from Seller Admin:



function EJEJC_config() {

EJEJC_POSTCALL=true;

}

function EJEJC_shown() {

jQuery("#tdPmnt").attr("style","font-family:Verdana;font-weight:bold;color:#9c1416;");

jQuery("#tdPmnt").attr("innerHTML","Checkout:");

}

[bnatyam]

Can someone show me a variation of the code above to increase the font size of all or most of the text in the viewcart popup window?



I have tried to isolate the viewcart through CSS through countless attempts and are not able to do this.



My site is www.bnatyam.com in case you want to see the implementation.



thanks for your help.



Amish

[E-junkie_Guru]

When our overlay-style cart is displayed "inside" your own page, it works as a part of that page and thus inherits CSS from that page. However, many elements of the cart have inline styles built-in, so to override those styles, you would need to use !important CSS declarations -- see this help page for further details:

http://www.e-junkie.com/ej/trouble.buttons.cart-css.htm

[bunkbedking]

Can I delete the "Country" part of the cart - and just show enter zip code?

[bunkbedking]

Also, I see that art customization does not work on the iphone ?

[E-junkie_Guru]

Cart customization only works in the overlay-style version of our cart that appears "inside" your own page. On mobile devices such as the iPhone, the cart opens in a separate browser tab to make best use of the available screen size; this is the same "fallback mode" that our cart buttons use whenever the overlay-style cart cannot be displayed for any reason, and this fallback cart cannot be customized.



If you only ship to one country, you can hide the Country section of your cart by adding this line to your site's CSS:



div#country1, select#countryDD {display:none; !important}



...or add these lines to the function EJEJC_shown(){} section in your cart customization code:



jQuery("#country1").css("display", "none");

jQuery("#countryDD").css("display", "none");



Also make sure that you select the one country you ship to in your Seller Admin > Cart Shipping Settings > Shipping Destinations list, then click Next to apply the change, then click Back to Admin.

[bunkbedking]

Works great - Thanks