alignment issues on forum profile pages

[bakbek]

Hi, how can I fix the alignment issues I have on the profile page of the bbpress members?

[Mike]

Hey DROR,
Do I need to login as the user? I don’t see the same screen, Please see screenshot in Private Content area.

Best regards,
Mike

[bakbek]

Yes, you should login so you can see it.

[Nikko]

Hi DROR,

Can you try adding this css code in Quick CSS (located in Enfold > General Styling):

#bbpress-forums #bbp-user-body {
    margin-right: 0 !important;
}

#bbpress-forums #bbp-single-user-details {
    margin-left: 20px;
}

Hope this helps.

Best regards,
Nikko

[bakbek]

Thanks Nikko, still have some issues to fix as seen in the screenshot.

How can I make the edit menu to be full width and move the field names to the right?

[Mike]

Hi,
Try this code in the General Styling > Quick CSS field:

#top.bbp-user-edit #bbpress-forums #bbp-user-wrapper #bbp-your-profile fieldset label[for] {
    text-align: right !important;
}
#top.bbp-user-edit #bbpress-forums #bbp-user-wrapper #bbp-single-user-details {
    float: left !important;
    width: 100% !important; 
    margin-left: 0px !important; 
}

Best regards,
Mike

[bakbek]

Awesome! Last thing, how can I right align the edit menu options?

[Mike]

Hi,
Try:

#top.bbp-user-edit #bbpress-forums #bbp-user-wrapper #bbp-single-user-details #bbp-user-navigation {
    float: right !important; 
    margin-right: 0px !important;
}

Best regards,
Mike

[bakbek]

Thanks Mike! I have a couple more issues on this page, see the attached screenshot.

[Mike]

Hi,
I believe that the reason the button is not working is because the input box above is hidden, and without a input there is no action for the button to take:

I don’t know a lot about this plugin and it’s settings, I recommend asking at the plugin’s forum to find out more.
The “User Forum Signature” is in the same h2.entry-title element as the other titles on the page, I’m not sure why it’s not translating for you.

Best regards,
Mike

[bakbek]

Thanks Mike, how can I make the forum menu full width on the user page? The same way it shows on the edit profile page?

[Mike]

Hi,
Try:

#bbp-user-wrapper #bbp-single-user-details {
width: 100% !important;
float:right !important;
}
#bbp-user-body {
float:right !important;
}

Best regards,
Mike

[bakbek]

That didn’t work.

[Nikko]

Hi DROR,

Can you try adding this css code as well:

#bbpress-forums #bbp-user-wrapper {
    width: 100%;
}

Hope it helps :)

Best regards,
Nikko

[bakbek]

This reply has been marked as private.

[Nikko]

Hi bakbek,

Try adding this css code in Quick CSS (located in Enfold > General Styling):

#bbp-single-user-details #bbp-user-avatar {
    float: right;
    margin: 0 0 0 10px;
}

#bbp-single-user-details #bbp-user-navigation {
    float: right;
}

Hope it helps :)

Best regards,
Nikko

[bakbek]

Thanks!

[Nikko]

Hi bakbek,

Glad we could help. :)
Feel free to comeback if you need further assistance.
Thanks for using Enfold and have a great day!

Best regards,
Nikko

[Author]

Posts