Order form customisation

[SRD]

Hi Folks,

 

Can you tell me how I make:

- Web hosting gives you

- What you get from Doig Website Technology

each take up 50% of the width of the main content area: '<div class="product clearfix" id="product1">'

@ https://websitetechnology.com.au/clients/cart.php

 

Thanks,

Steve.

[brian!]

Steve,

 

think of that product info box as currently being split into two columns - left side shows the product info (60%), right side shows the price (40%)...

one way to do this, if you only want to mess with the css, would be to make two changes to standard_cart/style.css and change the two widths below to 100%...

 

#order-standard_cart .products .product div.product-desc {
   float: left;
   width: 60%;
   padding: 8px 14px;
   font-size: 0.8em;
}

#order-standard_cart .products .product footer {
   float: right;
   margin: 20px 0;
   width: 40%;
   font-size: 0.8em;
   text-align: center;
}

if you do that, then both product info and pricing should be full-width, with the pricing/button centred below the product info.

[SRD]

Thank you so much again, Brian.

[brian!]

thinking about it further, you might be better off adding the modified CSS code to Six/css/custom.css rather than modifying standard_cart/style.css - that should avoid any future issues when updating WHMCS.

[SRD]

You're a champion. Thank you Brian.