Pad and Center - Sydney

Refer to this link - http://mjborgrealty.com.au/mortgage-calculator/

I would like to have padding on either side to center it and reduce the size of it as it does not have to be this long

Do you understand what i mean my friend?

Hi,

You can make the page content on that page to extend only to 60% of the width and centered with this Custom CSS:

.page-id-295 .content-area {
    width: 60% !important;
    max-width: 60% !important;
    margin: 0 auto !important;
    float: none !important;
}

Please add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also add the CSS to wp-admin -> Appearance -> Customizer -> Additional CSS so you won’t loose the changes after Theme or WordPress updates.

Please let me know how it works.

Best Regards,
Csaba

Thanks worked like a charm! just need to center the calculate button please what css coding would i require for that

Hi,

You can center the button only if you center all the text inside the form with this Custom CSS:

.lidd_mc_input {
    text-align: center !important;
}

Please let me know how it works.

Best Regards,
Csaba

thanks works great, do you think its possible to make the input text centered then also?

also for the total amount and deposit inputs, is it possible to make it so when the number is entered it automatically adds a : , :

example

if you write : 700000 then it automatically does this 700,000
or 1200000 it will do 1,200,000
or 50000 it will do 50,000

is that possible or not also thanks :slight_smile:

Hi,

Yes, you can make the input text centered with this Custom CSS:

.page-wrap .content-wrapper input, .page-wrap .content-wrapper textarea {
    text-align: center !important;
}

The other thing isn’t possible with simple Custom CSS.

Kind Regards,
Csaba