Pay money and get answers for your WordPress questions (more info)

CSS for Mad Mimi Form

  • SOLVED

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!

Answers (2)

2013-01-30

Kyle answers:

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


ohlivia13 comments:

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


Kyle comments:

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:
[[LINK href="http://ScrnSht.com/nxspgn"]]http://ScrnSht.com/nxspgn[[/LINK]]


ohlivia13 comments:

Yes! That would be perfect.

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


Kyle comments:

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;
}

2013-01-30

Kiet Luong answers:

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;
}


Kiet Luong comments:

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


ohlivia13 comments:

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