Skip to:
Content
Pages
Categories
Search
Top
Bottom

[Resolved] Small page bug with 1.7beta


  • angelgirl94
    Participant

    @angelgirl94

    Hello
    I installed BP 1.7 because of the new theme compatibility. It works fine on every page except the ‘Register’ page.

    Here is a picture of the problem: http://i.imgur.com/P0GNiW8.png
    As you can see the page layout isn’t fitting with the registration form.

    Would be awesome if someone could help out here 🙂

    Regards,
    Marie

Viewing 8 replies - 1 through 8 (of 8 total)

  • Anonymous User 7600456
    Inactive

    @anonymized-7600456

    I wouldn’t call that a bug. A lot of the styling has changed in 1.7. That looks like it is just not working quite the same with your custom style.

    It could be fixed quite simply with css.

    Can you post a link to the page?


    angelgirl94
    Participant

    @angelgirl94

    Hello,
    thank you for your reply. The page is here: http://gabelchen.de/register

    >”It could be fixed quite simply with css.”
    I was thinking so too. Sadly my knowledge in programming is basically zero 🙁


    Anonymous User 7600456
    Inactive

    @anonymized-7600456

    Ok this isn’t perfect but it should work.

    Go to ‘Appearance’ > ‘Editor’

    On the right hand side select ‘style.css’

    Scroll down to the bottom and right after the last }

    paste this:

    `
    div#register-page.page {
    height: 600px;
    }
    `

    A better way would be to create a child theme (https://codex.wordpress.org/Child_Themes) and then paste this into the style.css of the child theme. This is because whenever you change your theme you will need to add this again for it to work.


    John James Jacoby
    Keymaster

    @johnjamesjacoby

    If you add a float to the container element’s CSS, it should resize itself.

    A good read about floats from Smashing Magazine.

    Try and avoid setting fixed height on elements, it’s not best practise unless there’s a specific reason and the consequences understood.

     

    If the child elements are floated and the parent needs to enclose the floats – not the accepted behaviour of floats – then you must ‘clear’ or ‘contain’ your floats, in many circumstances this can be achieved by adding ‘overflow: hidden’ to the parent to force a new context.

     

    The ‘Smashing Magazine’ article is, unusually, not a particularly good one and is just paraphrasing various classic but old articles; it’s section on float containment is NOT best practise- in fact it’s bad practice and should not be followed.


    angelgirl94
    Participant

    @angelgirl94

    @joesell89
    Thank you, that fixed the page! 🙂


    John James Jacoby
    Keymaster

    @johnjamesjacoby

    The ‘Smashing Magazine’ article is, unusually, not a particularly good one and is just paraphrasing various classic but old articles; it’s section on float containment is NOT best practise- in fact it’s bad practice and should not be followed.

    It’s a good read, regardless. Help educate, instead of working for free.


    Anonymous User 7600456
    Inactive

    @anonymized-7600456

    @angelgirl94,

    I am glad that what I offered worked as a temporary fix.

    However, you would be much better off learning from the other guys who posted, they are proper Buddypress developers.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘[Resolved] Small page bug with 1.7beta’ is closed to new replies.
Skip to toolbar