Pro Sites Register Form + WPMUDEV Themes looks weird

Hi there.

I've installed ProSites and some Themes from WPMUDEV, but it seems like the style is broken and it looks weird. You can check this at http://cloudstore.pt/pro-site/

Am I doing something wrong? Is there any way I can fix this?

Also, I'd like to tweak Register Forms like https://edublogs.org/ are doing. What is the best way to do this kind of tweaks?

Thanks again for all the help.

  • Urbano

    Quick update:

    We would really like to achieve something close to http://edublogs.org/, did they use Pro Sites or is it just an example?

    Is there any guidelines we should know before we start tweaking the register forms?

    We are thinking about using Gravity Forms + MU Register Add-On, but we're not sure how we can do this. Is there a plugin like Gravity Forms under WPMUDEV?

    Once again thanks for all the help, we are looking forward to hear from you so we can launch our platform. :slight_smile:

  • Luís

    Hi @urbanoantunes1,

    Hope you're doing well today!

    Regarding to the pricing table, this issue was already reported. We will need to add some custom CSS to correct the table and the input fields of the register form.

    Please add this CSS code to Pro Sites -> Pricing Table, Custom CSS field:

    .page #prosites-checkout-table ul li, .page #prosites-checkout-table ul {
        margin: 0 !important;
    }
    
    #prosites-signup-form-checkout input[type="text"] {
        background: #f7f7f7 none repeat scroll 0 0;
        border: 1px solid #d1d1d1;
        border-radius: 2px;
        padding: 1px;
    }

    Also, I'd like to tweak Register Forms like https://edublogs.org/ are doing. What is the best way to do this kind of tweaks?

    I think you are referring the "animation" of the register process, the transition of each register step. right?

    Cheers, Luís

  • Urbano

    Thanks for the CSS Code. It fixed a little bit, but still looks awkward. Are you guys working on a fix for this issue?

    I think you are referring the "animation" of the register process, the transition of each register step. right?

    Yes, they have completly changed their register form process. Was this made by some PHP Ninja integrator or is there any quick wizard we can use?

    Are there any guidelines we should know before we start tweaking the register forms?

  • Luís

    Hi @urbanoantunes1,

    Hope you're doing well today!

    Upfront and Pro Sites developers are aware to this issue and we hope to get it fixed asap.

    In meanwhile, we can try other changes to give it a better look, like:

    .featured .title {
        height: 93px !important;
    }
    
    .summary {
        border-bottom: 1px solid #b6b6b6 !important;
    }

    If you want other suggestions, please advise it, so I can try help you better.

    Regarding to edublogs, I am not sure, but I think it use Pro Sites, but I unaware of what was used to build the register process and unfortunately I don't know any plugin or simple way to replicate it.

    I already pinged the developer to know their opinion about the changes you want to do in the registration process and if he can alert for possible issues.

    Cheers, Luís