Support only during business hours : Monday to friday, from 8:30 am – 5:30 pm CEST

Due to the decrease in our staff due to vacations, our response time may be longer.

Be sure we're doing our best to manage your topic as soon as possible.

Effect on header image

This topic is resolved
Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • gil
    Participant
    • 32 Topics
    • 126 Posts
    @gill49

    Hi !
    How to remove the effect on the profile header image?

    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 5375 Posts
    @themodactyl

    Hi Gil,

    You can edit this color in Customize > BuddyPress > Profile > Style. Please find the attached screenshot. 🙂

    Best,

    gil
    Participant
    • 32 Topics
    • 126 Posts
    @gill49

    impeccable !
    :))

    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 5375 Posts
    @themodactyl

    Glad to read this issue has been solved! 🙂

    Best,

    gil
    Participant
    • 32 Topics
    • 126 Posts
    @gill49

    Hi !
    I notice that when you scroll down, the header image gradually disappears.

    How to remove that ?
    Thank you

    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 5375 Posts
    @themodactyl

    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.

    gil
    Participant
    • 32 Topics
    • 126 Posts
    @gill49

    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

    gil
    Participant
    • 32 Topics
    • 126 Posts
    @gill49

    I think you should specify a background to the div that displays the nick. Maybe a little opaque transparency.

    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 5375 Posts
    @themodactyl

    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 #000000 in #FFFFFF.

    Best,

    gil
    Participant
    • 32 Topics
    • 126 Posts
    @gill49

    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.

    gil
    Participant
    • 32 Topics
    • 126 Posts
    @gill49

    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>
    
    Jason
    Keymaster
    Themosaurus Support
    • 1 Topics
    • 416 Posts
    @themoceratops

    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,

Roboraptor 🦖
Themosaurus Topic Closer

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.

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Effect on header image’ is closed to new replies.

Troubleshooting Demo Imports

You're trying to setup your theme but you're experiencing errors when importing the demo content? Or you've just followed the setup guide but your website doesn't look exactly like our demo? These are common issues for which you can find easy and quick fixes.

Happy With our Support So Far?

Feel free to review our theme on Themeforest! It helps us making our products more known to new potential customers, which allow us more time to improve the quality and develop new features. #SharingIsCaring ❤️

Discover MatchPress

Skip • Like • Super-Like

Add powerful matching features like Member likes, skips, super likes, conditional private messaging and much more.

Setup Your Cera or Gwangi powered Community Website and Turn it into an iOS and Android App

15% discount for Cera users

To unleash the full power of your Cera or Gwangi theme, we have partnered with the Zipline team. Your community website can now be fully setup and turned into your very own custom app for iOS and Android.

Whether you've newly acquired the theme or already got your site up and running, Zipline got you covered. And we got you an incredible discount.

Holiday, Weather & Festive effects
to pimp your WordPress Site