Comments 12MeesterGijs started the conversationSeptember 12, 2022 at 6:49pmGood day to you, I've tried some things but I can't make it work/stick. How can I have the selected menu item change color and add a backgrond to it. As seen here. And how can I change the text color to #fff here? Thanks for helping, Gijs[deleted] repliedSeptember 14, 2022 at 11:50amPlease try adding this custom css in your wp-admin-> appearance-> customize -> custom css : a.menu-child.current-menu-item { background: #ffffff; border-radius: 5px; padding: 0.5rem !important; }.vibebp_myprofile .profile_grid .profile_grid_header .start_block > span > span + span{background: #ffffff;} 12MeesterGijs repliedSeptember 14, 2022 at 1:40pmGreat! Can I move the text to the center of the button? See here.[deleted] repliedSeptember 15, 2022 at 3:15pmim sorry its alraedy in center but due this background and padding its look bit off . Cant center it anymore . 12MeesterGijs repliedSeptember 15, 2022 at 4:01pmOk, how can I then move it to the right? So that it's in the middle? Or change padding...[deleted] repliedSeptember 17, 2022 at 2:46pmPlease try adding this custom css in your wp-admin-> appearance-> customize -> custom css : a.menu-child.current-menu-item {margin-left: -0.5rem; } 12MeesterGijs repliedSeptember 17, 2022 at 2:53pmThanks Alex! It worked. I appreciate you answering these tickets on a Saturday. Thank youWe can close Sign in to reply ...
Good day to you,
I've tried some things but I can't make it work/stick. How can I have the selected menu item change color and add a backgrond to it. As seen here. And how can I change the text color to #fff here?
Thanks for helping,
Gijs
Please try adding this custom css in your wp-admin-> appearance-> customize -> custom css :
a.menu-child.current-menu-item { background: #ffffff; border-radius: 5px; padding: 0.5rem !important; }
.vibebp_myprofile .profile_grid .profile_grid_header .start_block > span > span + span{background: #ffffff;}
Great! Can I move the text to the center of the button? See here.
im sorry its alraedy in center but due this background and padding its look bit off .
Cant center it anymore .
Ok, how can I then move it to the right? So that it's in the middle? Or change padding...
Please try adding this custom css in your wp-admin-> appearance-> customize -> custom css :
a.menu-child.current-menu-item {margin-left: -0.5rem; }
Thanks Alex! It worked. I appreciate you answering these tickets on a Saturday. Thank you
We can close