Topic: Removing the Member Navigation Menu leaves a border-left · BuddyPress.org

Skip to:: Content; Pages; Categories; Search; Top; Bottom

Removing the Member Navigation Menu leaves a border-left

Ben Riga
Participant

@benbuzztoniccom

7 years, 11 months ago
I’ve been trying to customize the member pages for the site I’m working on by removing the member nav menu on the left. I was able to do that by removing the <div id=”item-nav”> from bp-templates\bp-legacy\buddypress\members\single\home.php

The works fine to remove the left hand menu but then leaves a 1px border-left on the item-body div (looks like it’s on a media query for when the width is over 783). I’m currently using the Twenty Fourteen theme.

I was able to customize by copying the entire css file over and removing that style but doesn’t seem right. If other styles are changed in future BP updates I’ll never see those updates, right? Isn’t there a way to customize by overriding just that one style?

This is the style that was causing me issues:
```
/*  Remove the line from the left hand side of the Member Navigation Menu  */	
/*	#buddypress #item-body {
		border-left: 1px solid #bebebe;
	}  */
```
I’d appreciate any help or nudge in the right direction.

Thanks,
Ben

Viewing 2 replies - 1 through 2 (of 2 total)

David Cavins
Keymaster

@dcavins

7 years, 11 months ago

Hi Ben,

You are correct that it’s best to leave the bp stylesheet in place so that you get updates to that file. You can add a custom stylesheet, though, and increase the selector power of the rule, so that it overrides the bp.css rule, like .site #buddypress #item-body { border-left: none; }

Here’s the basic concept.
https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

Adding a stylesheet:

Including CSS & JavaScript

Ben Riga
Participant

@benbuzztoniccom

7 years, 10 months ago

Thanks, David,

This is exactly what I needed.

Regards,
Ben

Viewing 2 replies - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.