S2 Members Registration form appearing at footer of page instead of page content area

#1

I have S2 Members Registration form appearing at footer of page instead of page content area. I don’t know how I can put it to the main page content area. Can anyone help? See the screenshot here http://screencast.com/t/BcO4hjD15ied

The screenshot shows the white area as my main content area and the black portion as my footer. It appears there and the text are all in black and not showing anything except the white boxes.

#2

I encountered this issue as well when I tried to integrate S2member (Free Version) with BuddyPress. It’s because there is a closing html tag missing in the S2member form. I had to add an extra closing tag as a quick and dirty patch. But even then my form still looks bad when I integrate extra fields into the form using S2member add extra fields option.

Screenshot 2016-02-21 16.27.14.png1274×1063 66.5 KB

I’ve had to add some nasty and unnecessary html and css to keep some of the fields some what in line with each other. Namely the S2member extra fields which doesn’t seem to play nice.

#3

I managed to fix my issue by adding display: inline-block; to S2member’s custom registration fields section:

.ws-plugin--s2member-custom-reg-fields-4bp-section {/* One of S2member's class names*/
    display: inline-block;
}

Now all my fields and sections stack nicely :smiley: