Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 15, 2019 at 1:31 pm #1101032
    beenee

    Dear Enfold support team,
    I have an issue that the footer form at my page doesn’t display correctly …cuts off on the right hand site with a certain screen resolutions. You’ll see when you play with the resolution.

    I tried:

    wpcf7-form {
    display: block;
    float: none;
    margin: 0 auto 50px;
    width: 90%;
    max-width: 300px;
}

    Can you help please?

    best
    Stefan

    May 16, 2019 at 7:04 am #1101266
    Rikard

    Hey Stefan,

    This CSS is causing that, it looks to be added inline with the contact form?

    #top label.footerBox span {
  width:240px;
}

    Please try to change that to a percentage value instead.

    Best regards,
    Rikard

    May 16, 2019 at 11:15 am #1101391
    beenee

    Excellent Rikard! Spot on and thanks again for the right hint.
    It needed % as you mentioned and !important, so this works:

    /*Footer styling */
#top label.footerBox span {
  width: 100%!important;
}

    …Ticket can be closed :-)

    May 16, 2019 at 4:34 pm #1101492
    Nikko

    Hi beenee,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Socket Form width’ is closed to new replies.