edit contact form dimensions

  • Resolved nbnb496

    (@nbnb496)


    5 years, 6 months ago

    Hi, any help would be appreciated.

    I made my pages full width, however, I do not want my contact form to be full width. Help?

    This is the code I used. Thank you in advance!

    .wrap {
    /* margin-left: auto; */
    /* margin-right: auto; */
    max-width: 100%;
    /* padding-left: 2em; */
    /* padding-right: 2em; */
    }

    @media screen and (min-width: 48em) {
    .wrap {
    max-width: 100%;
    /* padding-left: 3em; */
    /* padding-right: 3em; */
    }
    }

    .page.page-one-column:not(.twentyseventeen-front-page) #primary {
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    max-width: 100%;
    }

    @media screen and (min-width: 30em) {
    .page-one-column .panel-content .wrap
    {
    max-width: 100%;
    }
    }

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • torres126

    (@torres126)

    5 years, 6 months ago

    Hi there,

    Your contact form isn’t full width on mobile devices, but it is on desktop for me. Are you trying to get something like this? https://prnt.sc/ljgtsr

    Does this CSS help you do so?

    @media screen and (min-width: 992px) {

    form.wpcf7-form {
    margin-left: 25%;
    width: 100%
    }

    div.wpcf7 {
    width: 70%;
    }
    }

    You could, of course, adjust the values to your liking, but let me know if that works for you. 🙂

    Thread Starter nbnb496

    (@nbnb496)

    5 years, 6 months ago

    Yes it works great, thank you so much!!

    torres126

    (@torres126)

    5 years, 6 months ago

    Glad it worked! 🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘edit contact form dimensions’ is closed to new replies.