Skip to:
Content
Pages
Categories
Search
Top
Bottom

center buddypress register page

  • @mrunal2989

    Participant

    Hello,
    This is my site http://52.70.236.130/ and I am not able to center the buddypress registration page when I add right sidebar through my current theme.

    I tried to overload the buddypress register.php template and played with css as well.

    I tried the following changes on firebug and it helps center the registration page

    change
    .gp-responsive.gp-boxed-layout #gp-page-wrapper, .gp-responsive .gp-container {
    width: 1260px;
    }

    to
    .gp-responsive.gp-boxed-layout #gp-page-wrapper, .gp-responsive .gp-container {
    width: 900px;
    }

    So i went to my child theme css and made this change

    .gp-responsive .gp-container {
    width: 900px;
    }
    but then it centered all the buddypress pages , and removed my right side bars in logged in pages.

    I just want to center my registration page and leave all other buddypress pages left centered.
    Please help!

Viewing 6 replies - 1 through 6 (of 6 total)
  • @mrunal2989

    Participant

    @r-a-y , @mercime or any of the awesome moderators would you be able to help?

    @mercime

    Participant

    @mrunal2989 the easiest way to center the registration page to select the full-width page template (instead of the Default Template) of your theme from the “Register” page Page Attribute box and then use CSS on the #buddypress wrapper to center the registration page. e.g. add

    #buddypress {
         width: 90%; 
         margin-left: auto; 
         margin-right: auto; 
    } 

    to your theme’s stylesheet.

    @mrunal2989

    Participant

    Thank you @mercime .. I changed my “Register” page to full width , and added this
    #buddypress {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    }

    to my child theme style.css , but no effect 🙁

    Register page is still not centered 🙁

    is there anything else I could try?

    @mercime

    Participant

    @mrunal2989 my bad, it should be

    body.register #buddypress {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    }

    @mrunal2989

    Participant

    @mercime … unfortunately its still not centered .. I added the new CSS
    body.register #buddypress {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    } to my child theme’s style.css

    I have also set the my register page to full width

    http://52.70.236.130/register/ is still not centered

    @mercime

    Participant

    @mrunal2989 Then there’s something awry with your configuration or with the theme’s Full Width template. When I looked at the source code of the registration page, there’s a (left-column) div and a sidebar (aside) … so that’s not a full-width layout at all. I suggest you contact the premium theme author why the Full Width page template is showing up with sidebar and how to fix it as we have no access to the theme.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘center buddypress register page’ is closed to new replies.
Skip to toolbar