Buddy Panel Menu Highlight Colour • BuddyBoss

This topic has 7 replies, 3 contibutors, and was last updated 9 years, 2 months ago by Anonymous.

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

Question

October 31, 2015 at 5:31 am #50229

Russell
@russ

Hi do you have css to change highlight/hover colour of buddypanel menu titles and the background colour of menu drop down and also text colour. Thanks.

Answers

November 1, 2015 at 3:05 am #50292
Anonymous
@
Hi @russ, you can check following css classes
```
.menu-panel #header-menu ul .sub-menu-wrap a:hover {
    color: #fff;
}

.menu-panel .screen-reader-shortcut:hover,
.menu-panel ul li ul li:not(.menupop) a:hover,
.menu-panel ul li ul li.active:not(.menupop) a,
.menu-panel #nav-menu ul li ul li.current_page_item a,
.menu-panel #header-menu ul li ul li.current_page_item a,
.menu-panel #nav-menu ul li ul li.current-menu-item a,
.menu-panel #header-menu ul li ul li.current-menu-item a {
    color: #fff;
}
/*** Header Links Hover ****/
.header-account-login .pop .bp_components .menupop:not(#wp-admin-bar-my-account) > .ab-sub-wrapper li.active a,
			.header-account-login .pop .links li > .sub-menu li.current-menu-item a,
			.header-account-login .pop .links li > .sub-menu li.current-menu-parent a,
			#wp-admin-bar-shortcode-secondary a:hover,
			#wp-admin-bar-shortcode-secondary .thread-from a:hover,
			.header-account-login a:hover,
			.header-notifications a.notification-link:hover,
			#wp-admin-bar-shortcode-secondary a:hover .ab-icon:before,
			.header-navigation ul li.current-menu-item > a,
			.header-navigation ul li.current-page-item > a,
			.header-navigation ul li.current_page_item > a,
			.header-notifications .pop a:hover,
			#masthead #searchsubmit:hover,
			.header-navigation ul li a:hover {
			color: rgba(255,255,255,0.7);
			}
.menu-panel #nav-menu > ul > li.dropdown,
.menu-panel #header-menu > ul > li.dropdown,
.menu-panel .bp_components ul li ul li.menupop.dropdown,
.tablet .menu-panel #nav-menu > ul > li.current-menu-item,
.tablet .menu-panel #nav-menu > ul > li.current-menu-parent,
.tablet .menu-panel #header-menu > ul > li.current-menu-item,
.tablet .menu-panel #header-menu > ul > li.current-menu-parent,
.tablet .bp_components ul li ul li.menupop.active,
.menu-panel #nav-menu > ul > li.current-menu-item,
.menu-panel #nav-menu > ul > li.current-menu-parent,
.menu-panel #header-menu > ul > li.current-menu-item,
.menu-panel #header-menu > ul > li.current-menu-parent,
.bp_components ul li ul li.menupop.active {
    background-color: rgba(0,0,0,0.3);
}
```
Regards
December 10, 2015 at 4:51 pm #54182

Russell
@russ

sorry to revive this but last time ended up changing my colours but now wish to change them back. So I now need to change menu drop down hover colors and text colour, I can see I will be able to do this with the css you provided but don’t know which file it is in to move to child theme and edit. Thanks.

December 10, 2015 at 11:43 pm #54189

Anonymous
@

Hi @russ, Please add these code inside your child theme’s custom theme.

Regards
Pallavi

December 11, 2015 at 2:32 pm #54265

Russell
@russ

I’ve got that now thanks, still having trouble changing the colours only thing that seems to change it the text colour when hovering is there any chance you could tell me what changes what I’ve tried altering all colour codes in the css the # one’s and the rgba one’s. Also is there any way to change the colour of the profile menu colour when on mobile.

December 14, 2015 at 8:00 am #54386

Anonymous
@

Hi @russ, Please confirm you want to change the hover color of profile menu or complete blue background color.

Also please mention what changes you want to do in Buddypanel so I can provide you css according to that.

Regards

December 14, 2015 at 3:00 pm #54434

Russell
@russ

1) On the buddy panel menu at the left of the screen.
– I want to change the highlight colour when you hover over each item with the mouse cursor (when I set to white auto puts this as grey which doesn’t match my site).
– The pop out menu when you have other pages under that menu item I want to change the background colour to this and also the text colour.

2) In mobile view the right hand menu which shows title bar menu.
– I want to change the text colour. My title bar text colour is white but I want to keep it that colour and change it for mobile view as with having a white background makes the text invisable.

Hope this is clear and thanks for your help, Boss theme has made me an excellent website my only real problem has been with the colours. Seems like changing colours is linked to other items on the site. I know you make a lot of updates and listen to your customers so I’d like you to consider more colour options in the appearance menu. Thanks again for your help and excellent customer service.

December 15, 2015 at 12:52 pm #54496

Anonymous
@

Hi @russ, Have you tried to change the color option from Boss Theme’s styling option. Please see the attached screenshot where you can change the background color and hover color very easily.

Regards

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

The question ‘Buddy Panel Menu Highlight Colour’ is closed to new replies.

Support Forums

Question

Answers