• Resolved kent3230

    (@kent3230)


    Is there a way to increase the size of the input fields? The submit button is taller than my input fields. I have it set up for inline with email and name only with the submit button. But with the button twice the size of the inputs for email and name it looks wrong. Thanks in advance for any advice.

Viewing 11 replies - 1 through 11 (of 11 total)
  • Plugin Contributor yikesitskevin

    (@yikesitskevin)

    Hey @kent3230,

    This happens with our inline styles sometimes. If you send over a URL to your website we can write some custom CSS for you and fix it.

    Thank you,
    Kevin.

    Thread Starter kent3230

    (@kent3230)

    thank you @yikesitskevin. Im currently building the site and havent taken it live yet. As soon as i can provide a live link ill paste it in here.

    Plugin Contributor yikesitskevin

    (@yikesitskevin)

    Sounds good. If you’re familiar with CSS and want to take a stab it, check out this article from our knowledge base: https://yikesplugins.com/support/knowledge-base/selectors-add-custom-css/. It explains a lot of our core classes and selectors so you could write the CSS yourself.

    As I said before though we’re more than happy to help make CSS changes so feel free to wait until your able to share a URL.

    Cheers,
    Kevin.

    Thread Starter kent3230

    (@kent3230)

    Thanks for the link. I did read this and did try this in wordpress under custom CSS but it didn’t help. I have my site hidden but can un-hide it so you can view it, but don’t want to leave it public long. Any way to coordinate this?

    Plugin Contributor yikesitskevin

    (@yikesitskevin)

    I’m here. Go for it.

    Thread Starter kent3230

    (@kent3230)

    Going to wait until im closer to launching this to work on this one. Appreciate it. Ill ping you in a few weeks.

    Thread Starter kent3230

    (@kent3230)

    Kevin, if your around today can you take a look at the inline form i set up? Im trying to get the button size to match the form input fields so it looks cleaner. Appreciate any assistance or guidance you can offer.

    https://www.shaymichelle.com/about-me/

    the form is lower on the page. First name – Email – Submit button.

    Thank you

    Thread Starter kent3230

    (@kent3230)

    I would also like to set the color if possible for both standard and hover over. Thanks,

    Plugin Contributor yikesitskevin

    (@yikesitskevin)

    Hi @kent3230,

    First, you should remove any custom css you added through the Form Builder (I think you added some CSS to the classes field).

    Button:

    button[type="submit"].yikes-easy-mc-submit-button {
        height: 36px;
        min-height: 30px;
        padding-top: 2px;
        color: white; /* Hover Font Color */
        background-color: #82AEAF; /* Hover Button Color */
    }

    Button hover:

    button[type="submit"].yikes-easy-mc-submit-button:hover {
        color: #82AEAF; /* Hover Font Color */
        background-color: white; /* Hover Button Color */
    }

    Also, your placeholder is spelled “emial.”

    Cheers,
    Kevin.

    Thread Starter kent3230

    (@kent3230)

    Ha…yea. My wife caught my spelling mistake too. Thank you for reviewing. I truly appreciate it!!!

    Plugin Contributor yikesitskevin

    (@yikesitskevin)

    No problem ??

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Increase the size of the input fields’ is closed to new replies.