Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter Rob

    (@promoting-all-things-good)

    Try adding this to your child theme style.css file:

    form#cntctfrm_contact_form {
        width: 450px;
        margin: 0 auto;
    }

    But first remove all this:

    Plugin Window -> Edit -> (then select on the right side the code:
    contact-form-plugin/css/style.css) -> (Search the line:
    .textwidget #cntctfrm_contact_subject{
    width: 220px !important;
    ) -> (set the number to desired size, eg. 140) ->
    width: 140px !important; (used in a the left sidebar)

    Thread Starter Rob

    (@promoting-all-things-good)

    Thank you.

    That code put it near to center. (without the removal of plugin code)

    To remove that code out of the plugin directory will lose the settings when plugin is updated?

    Try changing the width in that CSS to 350px – that centers it better.

    Only CSS code should go in a CSS file – you copied a bunch of stuff that is not CSS code.

    Thread Starter Rob

    (@promoting-all-things-good)

    Thank you.
    That worked. The form looks great.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Align Contact form in the Center of the page’ is closed to new replies.