Image background BP cover, shaded colour

Home Forums Gwangi – Dating & Matchmaking Community Theme Theme Customizer Community Image background BP cover, shaded colour

This topic contains 3 replies, has 2 voices, and was last updated by  themosaurus 1 month, 1 week ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #3167

    alex
    Participant
    • 187 Posts
    @abourne

    Following from this earlier topic:
    https://support.themosaurus.com/forums/topic/remove-background-cover-image-default-on-bp-profiles/

    How to remove the blue shade on BP profile cover image (attached)?

    #3193

    themosaurus
    Keymaster
    • 1225 Posts
    @themosaurus

    Hi @abourne,

    To hide this, simply add the following code snippet to your website:

    /**
    * Hide color overlay from profile cover image
    */
    .buddypress.groups.single-item .entry-content > #buddypress:after,
    .buddypress.bp-user:not(.activity-permalink) .entry-content > #buddypress:after {
       content: none !important;
    }
    
    /**
    * Increase/Decrease cover image brightness
    */
    #buddypress div#item-header #header-cover-image:before {
       opacity: 0.2; /* value = 0(brighter) to 1(darker), default = 0.7 */
    }
    

    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.

    We hope this will solve your issue. 🙂

    All the best,

    #3216

    alex
    Participant
    • 187 Posts
    @abourne

    Once more, you’re the best. Super expedient solutions. Thanks a lot!

    #3226

    themosaurus
    Keymaster
    • 1225 Posts
    @themosaurus

    You’re welcome alex!

    Cheers,

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

The topic ‘Image background BP cover, shaded colour’ is closed to new replies.