-
szaboar
I am creating a website using the coach theme. In the customization menu, I changed the background color of the header and primary navigation to a darker one. A stick above the selected and pointed elements in the navigation bar shows the selection. This is not visible due to the dark background color. Please help me, how can I change the color of the sticks?
-
Hi there,
go to customzier > addtional CSS, look for this CSS:
/* navigation line effects */ @media (min-width: 1024px) { .main-navigation .main-nav > ul > li > a:before { position: absolute; content: ''; width: 1px; height: 0; background-color: var(--accent-2); left: 50%; top: -50px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; }
Locate this line
background-color: var(--accent-2);
, and change the colorvar(--accent-2)
to whatever you want 🙂 -
szaboar
Thanks, it’s works fine.
-
You are welcome 🙂
Viewing 4 posts - 1 through 4 (of 4 total)
- You must be logged in to reply to this topic.