- This topic has 11 replies, 3 voices, and was last updated 10 months, 1 week ago by
.
-
Posts
-
Hi !
How to remove the effect on the profile header image?
Hi Gil,
You can edit this color in Customize > BuddyPress > Profile > Style. Please find the attached screenshot. 🙂
Best,
impeccable !
:))
Glad to read this issue has been solved! 🙂
Best,
Hi !
I notice that when you scroll down, the header image gradually disappears.How to remove that ?
Thank you
Hi Gil,
This is standard design with our theme, I’m afraid.
As this is not breaking the page, changing this is considered customization work. Unfortunately, this is a service that we do not provide.
We only share snippet only to solve issues with our theme. Any further request for CSS snippets will have to be part of a defect that needs to be fixed urgently. No snippets will be shared otherwise.
If you want to go further with the customization of your website, we advise that you hire a freelancer to do it for you.
If you’re on a tight budget, we recommend you to require the services from Fiverr. This web platform gives you access to developers who have already experience with theme customizations, and for very competitive prices.
Thank you for your understanding.
HI !
Browsing through the forum, I found a topic that gave this solution:/** * Remove black overlay from the profile header cover */ #buddypress:not(.youzer) div#item-header #header-cover-image:before { opacity: 0 !important; } /** * Change cover profil text color */ #buddypress:not(.youzer) div#item-header .profile-header__body { color: #000000; /* Choose the right color */ } /** * Adapt the profile header height */ @media screen and (min-width: 992px) { #buddypress:not(.youzer) div#item-header #header-cover-image { height: 400px !important; } } /** * Make the member profile background transparent. */ .buddypress.groups.single-item .entry-content > #buddypress, .buddypress.bp-user:not(.activity-permalink) .entry-content > #buddypress { background-color: transparent !important; }This partially solved the problem but the darkening effect still remains when you scroll down.
In addition, the member’s name appears in black (see red box in screenshot).
Have you solutions ?
Thank you again
I think you should specify a background to the div that displays the nick. Maybe a little opaque transparency.
Hi Nick,
In this snippet, there is the text color that needs to be changed. It is the line where it is mentioned
/* Choose the right color */.To display white color, you need to change
#000000in#FFFFFF.Best,
Ah no, me it’s Gil! lol
I was able to change the color to white, it’s ok.
I searched all over the net and I couldn’t find how to remove the darkening effect of the header when scrolling down.
The problem is that this effect slows down the page enormously on the mobile and also on my pc which is moderately powerful.
I found the line that allows to activate or not the effect on the header.
Can you tell me in which css file it is, so that I remove it because I assure you that it reduces the display on less powerful machines, stp?<div id="header-cover-image" class="element-animated fade-in" style="opacity: 0.0687229;"></div>
Hi Gil,
Can you try adding the following CSS to your site:
/** * Remove profile header opacity change when scrolling */ #buddypress:not(.youzer) div#item-header #header-cover-image { opacity: 1 !important; }To add this code snippet to your site, we recommend that you paste it to the Custom CSS panel of your WordPress Customizer. Just go to your dashboard and navigate to “Appearance > Customize > Additional CSS”.
Pasting your code snippet there should do the trick for you.Please note that we share snippet only out of courtesy to try to solve the issue. Any further request for CSS snippets will be considered custom work which we do not provide, unless it is required to fix an urgent issue with the theme.
Hope this helps !
Regards,
Hi there,
This topic has been inactive for a while now so we will be closing it to keep the forum tidy. Don't hesitate to create a new topic if you still need help and we'll be glad to help you!
Best regards,
The Themosaurus team.
The topic ‘Effect on header image’ is closed to new replies.
