More a CSS question in customization

andrewm57 · February 2023

How can I make the right arrow icon fully white?

Phil · February 2023

Hi,

Please, use the following CSS code:

#Top_bar .menu > li.submenu > a:not(.menu-toggle)::after{
   border-top-color: #fff!important;
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Thanks

andrewm57 · February 2023

That didn't work, first in Appearance -> Customize -> CSS where I have all the other tweaks, nor the BeTheme CSS.

Phil · February 2023

I can see that the arrows are white.

So you handled it now, right?

Best regards

andrewm57 · February 2023

No. They're still not fully white, the breadcrumbs text is. Mac Chrome, Firefox, Safari & Brave.

Phil · February 2023

I thought you were referring to arrows in the menu.

Please, use the following CSS code instead:

#Subheader .breadcrumbs span{
   opacity: 1!important;
}

Thanks

andrewm57 · February 2023

Thanx! One more tweaky CSS if I may:

I've got the down arrow color changed on the main menu for default and for :hover. How can I can the color for visited/active?

PS: my opinions is that if I change the menu colors in the theme editor, the :after color should also change.

Phil · February 2023

Please, use the following code:

#Top_bar .menu > .current-page-ancestor.submenu > a:not(.menu-toggle)::after{
   border-top-color: #6681b3!important;
}

Thanks

andrewm57 · February 2023

Thanx, close.

Comments