This topic contains 6 replies, has 2 voices, and was last updated by  Patrice 5 years ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #43207

    Patrice
    Member

    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.

    #43213

    Sakin
    Keymaster

    @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;
    }
    #44872

    Patrice
    Member

    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

    #44927

    Sakin
    Keymaster

    Hi Patrice,

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

    Regards,
    Sakin

    #44935

    Patrice
    Member

    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

    #44940

    Sakin
    Keymaster

    @patrice: Can you try the following css:

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

    Patrice
    Member

    It worked. Thank you!

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Edit Field Text Box and Submit Button’ is closed to new replies.