BuddyPress Group page fullwidth

[mgregoire83]

Hi !

I’ve created a new Buddypress Group here :

http://cafecitoyen.acahyeres.org/groupes/cafe-citoyen-hyeres/

1 – I need to display it fullwidth !

2 – I have some display trouble with the infos displayed over the header image ! As my logo is white background, those informations displayed in white colors are not viewable !

Many thank for the help to solve those !

 

Regards.
MG

[Kieran_SQ]

Hi,

1. You can set the page and head layout for the BuddyPress pages by going to WP Admin > Theme Options > BuddyPress and setting the options for

Page Layout
Default Layout, Members Directory Layout, Member Profile Layout, Groups Layout, Activity Layout and Register Page Layout

Header
Enable Full width Profile Header and Enable Full width Group Header

Screenshots attached.

2. Are you referring to the main logo for your site? If so you will either have to set a color for the header by going to WP Admin > Theme Options > Styling Options > Header > Option: ‘Background Color’ or if you wish to have a white header you will need to change the colors of your logo text so they’re visible.

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

Attachments:

You must be logged in to view attached files.

[Kieran_SQ]

Hi,

2. I think I understand what you mean now, sorry for any confusion. You can see the content behind the header because the image that is uploaded is a transparent PNG.

You could try the following

Assign a background color by default to the area with CSS

.buddypress div#item-header {background-color: #a4664c;}

Add a semi transparent black background color to the mid layer of the elements

body.is-user-profile .profile-cover-inner {background-color: rgba(0, 0, 0, 0.25) !important;}

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[Author]

Posts