Adding RENXT event form script into BBNC

Options

Hi, We have created a part in BBNC and have added the script from the RENXT event form that we created. The problem is that it is not aligned with the other parts on the page. The other parts are left aligned and the registration form is in the centre. We are unfamiliar with HTML and css, but could use some suggestion as to how to fix this.

Tagged:

Comments

  • @Mark Bezanson
    Hi Mark, you probably have to edit the form part. CSS & HTML can be a bit tricky if you have to go that deep. That is the best way to go though relative to different devices being used to access. See if you can edit the part to make it left justified to match. Maybe add a screen shot here. I am out until end of next week, but maybe someone can offer input based upon screenshot in my absence.

  • @Mark Bezanson, If the part is live, could you share a link to the page? I would be happy to look at the code using "inspect element" and may be able to offer some suggestions.

  • @Diane Maidl
    Hi, I have made the page live.

    You will see the form is not aligned. Any help would be great!

  • Alex Wong
    Alex Wong Community All-Star
    Ninth Anniversary 1,500 Likes 2500 Comments Name Dropper

    @Mark Bezanson
    The RENXT form itself is “left align” already, the problem is your webpage that “contains” the form.

    looking at your page's coding, your “main content” area is set to a max width of 1024px, however, your “real” content is setup to only 600px. (this is not good, but considering you are stlll using BBNC, it makes sense since the coding might be really old now).

    Your RENXT embed form will use the full width of the “container” which is 1024px, and the content area inside the form will be “center” within the container area.

    3afc6a46b09a84a59f95cb90a84527c4-huge-im

    90cf8a110f0b3db2acf12ef17ded36be-huge-im

    try adding a max-width style to your <div> copied from RENXT.

    style="max-width:600px"

  • @Alex Wong
    Thank you so much Alex, I really appreciate your help!

Categories