How select and style JSON elements

I'm having a heck of a time trying to custom style some elements generated through eCart. See the screen caps attached for the checkout page. How do I select that "Change Address" button? Inspector only shows JSON link and I can't figure out from that file what the selector should be. Also, the payment_wrapper sets a fixed height of 59px inline (seems a bad way to do this). I need to increase that height to account for the height of my standard button stylings. How do I do that?

Yikes! Just discovered the billing and shipping containing divs have height set as an inline style too! Styling those form elements to match the rest of my site ends up clipping form element contents! I understand the slick transition you were going after, but by making those heights a fixed pixel height, it's making it very, very difficult to style. Can this be modified?

The height is calculated through javascript based on the height when the page opens and set through the script. This is so the transition effect can take place when it is collapsed.

Do you have a url where I can view your page? I can use that to see what styles you would need to adjust. Just let me know what you are trying to change and I can help show you where it can be updated.

Yeah, I figured out the height situation was automatic. I was checking with browser width with break points and thats where I was seeing the clipping if I wouldn't reload the page. Height still seems to be setting too tall, but I'm going nuts trying to get a layout set for 790 pixels wide to go to the full width of my layout.

See PM for link. You'll need to add a few things to the cart and go through a bit of the checkout process. After adding the address in, it's the "Change Address" button I can't figure out.

Oh and also, how do I change the text of that "Submit" button at the bottom of that page below the "Change Address"?

And one more last question... I've all but given up on manipulating the webassist layout for the form at the top of that checkout page to fit my layout nicely. At this point, I'd like to chuck the entire webassist layout and start from scratch. What page element do I need to keep for it to set that auto height and hide properly on the button click?

You can style that button with:

#wa_Show_Checkout .eC_FormButton {
background-color: #b0a091;
border: medium none !important;
color: white;
font-family: Taviraj,Georgia,Times,"Times New Roman",serif;
padding: 0.7em 1.2em;
}

You can change the text on the checkout button from the confirm.php page.

If you give me FTP access I'll look into why it is setting the form height too high. I'll have to debug the javascript that does it.

Thanks John, I'll give that a shot. I may take you up on your offer. As mentioned, I've tinkered and tinkered and the layout is still a mess on my foundation 6 based site. At this point, I'd like to strip all the web assist html/css with the exception of what is needed for validations and the height setting. Can you tell me what element/class the system looks for to set that height? I'd like to try stripping to essentials first and get my display right before I troubleshoot the height.

Sorry that was me. I had logged in as another user and forgot to sign out before replying.

Deleting and stripping tags is risky business because the javascript is depends on it. You can find the code on the paymentoptions.js file.

For determining the height it just finds the "Shipping" and "Billing" fieldsets and then finds the parent node and tries to determine its natural height.

I see a lot of text throughout the file that says "submit". Any chance you could point me to what line?