Orders - How to adjust the length of the billing form fields?

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
Tino
Forum Members
Forum Members
Posts: 44
Joined: Mon Apr 28, 2008 7:58 pm

Orders - How to adjust the length of the billing form fields?

Post by Tino »

Hi,

I am in the process of setting up a new website using the ecommerce suite from Calguy. I'm currently going through and adding design to each page in the process. On the Billing form page (the one you get to after clicking 'complete order') some of the input boxes for the fields are too wide for my page (specifically the email fields and the additional information box).

I'm sure there's a simple way round this but I can't find how to adjust the size of these? In FEU there's a section for adjusting them in the preferences, but I can't find anything similar for Orders.

I'm running the following:

Cms Version: 1.7

Installed Modules:

CMSMailer: 1.73.14
FileManager: 1.0.2
MenuManager: 1.6.2
ModuleManager: 1.3.3
News: 2.10.4
nuSOAP: 1.0.1
Printing: 1.0.4
Search: 1.6.2
ThemeManager: 1.1.1
TinyMCE: 2.6.5
CGExtensions: 1.18.8
FrontEndUsers: 1.8.5
CGSimpleSmarty: 1.4.4
CustomContent: 1.5.3
CGEcommerceBase: 1.1.1
Products: 2.8.2
CGPaymentGatewayBase: 1.0.5
Cart: 1.6.2
Captcha: 0.4
Orders: 1.8.6
SelfRegistration: 1.4.2
DestinationBasedShipping: 1.1
PaypalGateway: 2.1.7
PriceBasedShipping: 1.0.2

Can anyone help?

Thanks
pedes
Power Poster
Power Poster
Posts: 840
Joined: Tue Jan 27, 2009 11:47 am

Re: Orders - How to adjust the length of the billing form fields?

Post by pedes »

I use css for styling the forms.
And this is working very good.
The only thing i can not getting to work is FRTaxes, FRShipping and PriceBaseShipping.
maybe i need to configure somthing more ... i posted a topic last week ... But no one seems to knowhow this works or there is no one that can point me to the right direction .. Anyway no reply yet !
Did you got Taxes and Shipping work ?

Kind regards
Peter
maranc
Forum Members
Forum Members
Posts: 249
Joined: Tue May 04, 2010 5:04 pm

Re: Orders - How to adjust the length of the billing form fields?

Post by maranc »

Its very simple, I didnt use tis modules but for all you can use html code like bellow:

{your_plugin}


In css you can add class only for this div:

div#your_id .class_used_in_any_modules {
parameters ......
... and any others parameters
}

Example in many modules is used class .cms_textfield, you can adjust this class in css stylesheet general:
.cms_textfield
{
parameters .......
}

But if you want adjust this class only for specified page, better solution is use #div id such i wrote erlier:

div#your_id .cms_textfield {
....parameters
}
Only one problem is know witch class is used in module, but its very simle (I use Opera witch has options 'review elements' and I can easy analyzing source of any page).



Marek A.
Post Reply

Return to “Layout and Design (CSS & HTML)”