[Patrice]

Hello,

We have a form for our page under “Create a Study Group” link and there are some text fields that right above each other without any space in between.

If you look at the text input field for Officer In Charge, Officer Contact Information, Member Needed for event, etc, the text fields are on top of each other. I want spaces to show between each field so they’re not clumped together. Is there a way to decrease the text field size or maybe manipulate with the shadow or padding of the text field input box?

Also, there’s a box image right under the “SUBTMIT EVENT” that’s not aligned with the button. How can I fix this to remove the box or just align the box with the SUBTMIT EVENT button.

Here’s the page: http://www.aedunlv.org/resources/study-groups

Thank you.

[Sakin]

@Patrice: You can add the following css in “Appearance => Theme Options => Custom CSS” box.

.css-event-form .event-attributes {
    padding-bottom: 15px;
}
#main form .css-event-form .submit {
    padding: 0;
    width: auto;
}

[Patrice]

Hi Sakin,

Thank you. The event attributes customization worked, however, the .submit (summit button) did not. I tried manipulating the values for padding, but I didn’t seem to see any difference. The submit button and the block image underneath is still misaligned.

Thanks,
Patrice

[Sakin]

Hi Patrice,

Sorry, I don’t see Submit Button. Can you send me URL.

Regards,
Sakin

[Patrice]

Hi Sakin,

I apologize. Here’s the link http://www.aedunlv.org/resources/study-groups. I made the page public. You have to click on our collapsible link ‘Create a Study Group’.

Thanks,
Patrice

[Sakin]

@Patrice: Can you try the following css:

#main .css-event-form form .submit {
    background: none;
    border: none;
    padding: 0;
    text-shadow: none;
    width: 156px;
}

[Patrice]

It worked. Thank you!

[Author]

Posts