logo
Ask your WordPress questions! Pay money and get answers fast! (more info)

Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

If the asker does not get an answer then they have 10 days to request a refund.

$10
CSS for Mad Mimi Form

Hello,

I'm having some difficulty with the CSS for a mad mimi form, seen on the bottom of the page here:

http://74.220.219.73/~sarahaub/

How do I get the form entries and button to line up horizontally?

And, if possible, can we move "Get some Radiant News in your Inbox!" to within the blue box?

Thanks!

This question has been answered.

ohlivia13 | 01/30/13 at 3:14pm Edit
Tutorial: How to assign prize money


(8) Responses

See a threaded view of answers?

Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

  • avatar
    Last edited:
    01/30/13
    3:21pm
    Kyle says:

    To start, you have <br> tags after the labels and inputs so that is keeping everything on it own line. Can you remove those?

  • avatar
    Last edited:
    01/30/13
    3:26pm
    Kiet Luong says:

    remove <br > tag under label tag and input tag of the form.

    Move 

    <h2 class="mad_mimi_title">Get some Radiant News in your Inbox!</h2>
    to within form tag

    then add new css to your style.css file

    #mad_mimi_form3{
    
padding: 7px;
    
}

  • avatar
    Last edited:
    01/30/13
    3:26pm
    ohlivia13 says:

    I'm using the madmimi wordpress plugin. It must be entering those? Any idea where I could find them to delete them?

  • avatar
    Last edited:
    01/30/13
    3:28pm
    Kyle says:

    I am not sure, I have not use madmimi , is there a custom template or css section? or perhaps a display inline option?

    Is this what you are going for:
    http://ScrnSht.com/nxspgn

  • avatar
    Last edited:
    01/30/13
    3:31pm
    ohlivia13 says:

    Yes! That would be perfect.

    No place to add a custom template. That's the problem!

  • avatar
    Last edited:
    01/30/13
    3:33pm
    Kiet Luong says:

    you can use suit padding value, such as 5px or 3px...

  • avatar
    Last edited:
    01/30/13
    3:39pm
    Kyle says:

    Okay well if you can remove the <br>s you are golden :) Here is the css for the rest:

    #content form input, #mad_mimi_form3 label, #mad_mimi_form3 button {
    display: inline-block !important;
    float: none !important;
    }


    #mad_mimi_form3 {
    width: 100%;
    }

    .mad_mimi_title h2{
    background: #779da8;
    margin-bottom: 0 !important;
    }

  • avatar
    Last edited:
    01/30/13
    3:46pm
    ohlivia13 says:

    Yes, but where do I remove the <br> from?!

This question has expired.



Gabriel Reguly, Christianto, Francisco Javier Carazo Gil, Arnav Joy, ohlivia13, Dbranes voted on this question.



Current status of this question: Completed



Please log in to add additional discourse to this page.





Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

If the asker does not get an answer then they have 10 days to request a refund.