Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1312370
    warephotography
    Participant

    Hi guys,

    Need some assistance for mt form that I am using for sign ups on my site. I am refreshing my homepage. Link below
    http://www.warephotography.com.au/new-home/

    I am just not sure of the specific code for the custom section. But what I want to do is:

    height: 3.5em; (to match the subscribe box)
    margin-bottom: 0px; (so everything aligns properly)
    margin-left: 2em; (so there is space between the form field boxes and also the button)

    I was editing in the firefox inspector but could not figure out the correct CSS attribution.

    Will also need the margin-left:2em; on the button also.

    Thanks again for all your support. You are really making this theme the best in the world for users like me.

    #1312382
    Paul R
    Moderator

    Hi,

    Thanks for writing in!

    You can add this in Cornerstone > Settings > Custom CSS

    
    body #subForm input[type="email"]
    body #subForm input[type="submit"] {
        margin-left:5px;
    }
    
    body #subForm input {
        margin-bottom:0;
        display: inline-block;
        height: 2.65em;
        font-size: 16px;
        line-height: normal;
    }
    

    Hope that helps

    #1312404
    warephotography
    Participant

    Thanks for this Paul, really appreciate it.

    The bottom code works to change the box height and alignment but the spacing isn’t working with this code.

    body #subForm input[type=”email”]
    body #subForm input[type=”submit”] {
    margin-left:5px;
    }

    I am having a play now but any thoughts?

    thanks again in advance for your help

    #1312405
    warephotography
    Participant

    found the tweak. Thank you for getting me here!

    body #subForm input[type=”email”]{
    margin-left:1.5em;
    }
    body #subForm button[type=”submit”] {
    margin-left:1.5em;
    }

    #1312409
    Thai
    Moderator

    If you need anything else please let us know.

  • <script> jQuery(function($){ $("#no-reply-1312370 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>