Skip to:
Content
Pages
Categories
Search
Top
Bottom

[Resolved] Small page bug with 1.7beta

  • Avatar of angelgirl94
    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)
  • Avatar of joesell89
    joesell89
    Participant

    @joesell89

    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?

    Avatar of angelgirl94
    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 :(

    Avatar of joesell89
    joesell89
    Participant

    @joesell89

    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 (http://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.

    Avatar of John James Jacoby
    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.

    Avatar of Hugo
    Hugo
    Moderator

    @hnla

    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.

    Avatar of angelgirl94
    angelgirl94
    Participant

    @angelgirl94

    @joesell89
    Thank you, that fixed the page! :)

    Avatar of John James Jacoby
    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.

    Avatar of joesell89
    joesell89
    Participant

    @joesell89

    @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)

You must be logged in to reply to this topic.