Two diff display for group and profil ?

[tonari]

Hi,
first of all, thanks a lot for the update with the group cover!
I would like to have two different display, for the user profil page and for the group page.
In the group page i’d like to have the “cover” without the “item header avatar”.
And in the profil page i want the “item header avatar” without the possibility to add the cover.

I noticed that both have the same proprietary name.
I tried to add this in my child css : `#item-header-avatar.rounded {
display:none;
}`
but that disable the item avatar for the group too.

Can you help me to do that?
Thanks a lot.

[tonari]

Sorry for the double post, but i can’t edit the first one.

I’m also trying to customize my group header.
I want to hide two things, if the “group is public or not” and the “group description”.
If i use this: `.buddypress div#item-header-content {
display:none;
}` everything is hidden…and i need to keep the button.

I have hidden the admin name with this code :`.group-admins.col-sm-12 {
display:none;
}` )

But i can’t figure out how to hide the other stuff and in the same time “keep” the “join or leave group button”.

[Radu]

HEllo,

Please provide URL

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

What support service includes ? What not ?

[tonari]

This reply has been set as private.

[Radu]

This reply has been set as private.

[tonari]

Yes, sorry.
Here are 3 pics to show you.
The first one “cover+avatar.jpg” to show you what i mean by, cover and avatar.
The second for the group page.
And the third for the profil page.

On the group page, i only want to show the “cover”.
And on the user profil page, i only want to show the “avatar”. (no cover)
My problem is that both (in the group page and in the profil page) are usind the same class name, (i think) so if i edit one , it will also change on the other one.

Attachments:

You must be logged in to view attached files.

[Radu]

Hi,

Use this CSS

COPY CODE

body.groups div#item-header-avatar {
    display: none;
}

body.groups div#item-header-content {
    display: none;
}


body.groups .profile-cover-action {
    display: none;
}

.profile-cover-inner {
}

body.groups div#item-header {
    padding: 130px;
}


body.bbp-user-page .profile-cover-action {
    display: none;
}

.buddypress div#item-header .toggle-header .bp-toggle-less, .buddypress div#item-header .toggle-header .bp-toggle-more{
    display: none;
}

body.bbp-user-page div#item-header-content {
    display: none;
}

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

What support service includes ? What not ?

[tonari]

Thanks a lot you’re the best Radu! 🙂

ps: I have a little bonus question, but i think it’s not something controled by Kleo.

I use the option on a pic to link to a bigger size version, and when you click, you see the big size pic.
When you add the option you have something like this: img_link_large=”yes”
I would like to link to the full size pic and not just “large”.
Can i do that?
It’s something dealed by rtmedia?

[tonari]

Hi,
Actually i still have one problem.
Your code is working, but too well… because it also hide the “join group” “leave group” button.
I managed to keep it, but the display is not good, because everything else is hidden and the button is not at a good place.

I tried to add a padding to this button, it works but it also add the padding to the masonry group and it’s horrible.
Can i add it only for this page? (group page)
In the group page i can’t add a specific css code, like in a post page, to affect only this page. How can i do that?

Or is it possible to display the “join/leave group” button, in the “div#intem-nav”?
Like on the picture?

Thanks.

Attachments:

You must be logged in to view attached files.

[Radu]

Use this CSS instead

COPY CODE

body.groups div#item-header-avatar {
    display: none;
}

body.groups.buddypress div#item-header div#item-header-content h4 {display:none !important;}

body.groups.buddypress div#item-header div#item-header-content span.activity {display:none !important}

body.groups.buddypress div#item-header .group-admins.col-sm-12 {display:none !important;}

body.groups.buddypress div#item-header div#item-header-content p:first-child {display:none !important}

body.groups .profile-cover-action {
    display: none;
}

.profile-cover-inner {
}

body.groups div#item-header {
    padding: 130px;
}


body.bbp-user-page .profile-cover-action {
    display: none;
}

.buddypress div#item-header .toggle-header .bp-toggle-less, .buddypress div#item-header .toggle-header .bp-toggle-more{
    display: none;
}

body.bbp-user-page div#item-header-content {
    display: none;
}

You can put the button join/leave group only if you modify php files.

You can add an CSS only for group pages by putting body.groups before initial css statement ex :

body.groups.buddypress div#item-header .group-admins.col-sm-12 {display:none !important;}

Cheers

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

What support service includes ? What not ?

[tonari]

Thanks alot for the code and the explanations, that really helps me. 🙂

[Author]

Posts