Modern Portfolio distorts AWeber form in post

Community Forums Forums Design Tips and Tricks Modern Portfolio distorts AWeber form in post

This topic is: resolved

Tagged: 

This topic contains 4 replies, has 2 voices, and was last updated by  JWDakota 11 months, 2 weeks ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #39364

    JWDakota
    Participant
    Post count: 6

    Hello,

    When an AWeber form is added in a post or a page using the Modern theme the AWeber form becomes distorted. The size of the button is not restrained.

    Any thoughts as to what I may be able to do to stop the submit button image from being distorted.? If I use a different image the same distortion occurs.

    Thanks for your thoughts.

    Jimmy

     

     

     

    http://www.scpdemo27.us/664-2/
    #39406

    wmwebdes
    Participant
    Post count: 102

    Hi
    Have you checked the CSS with firebug or Chrome dev tools?

    I’ve taken a quick look and found this CSS

    input, select, textarea {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 0 0 5px #ddd inset;
    padding: 16px;
    padding: 1rem;
    width: 100%;
    }

    Remove width: 100%; and the submit button becomes smaller.

    #39420

    JWDakota
    Participant
    Post count: 6

    Thank you Sir. That was the help and solution I needed. I was too hung up on the AWeber code. Again, thanks for your time and suggestion.

    Jimmy

    #39421

    wmwebdes
    Participant
    Post count: 102

    My pleasure Jimmy

    Looks good now.

    Shall we say this one resolved then?

    Keith

    #39425

    JWDakota
    Participant
    Post count: 6

    Yes Keith, thank you.

    Enjoy the Day… Be Well.

    Jimmy

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.