So the links have a very smooth underline coming in from the left when you hover over them. I'd like to change its colour in certain areas, cause for some links it doesn't follow the text hover colour and instead stays stubbornly black (maybe because the hover colour is added with custom css, I guess).
The effect seems to be done with Javascript but I don't wanna dig through the files to edit the code.
I was wondering if maybe there is a simple way to change the sexy hover underline, or even add it to other areas. (For instance, my "recent blog posts" section just adds plain underline to the links on hover, instead of the flowy one.)
Hi,
So the links have a very smooth underline coming in from the left when you hover over them. I'd like to change its colour in certain areas, cause for some links it doesn't follow the text hover colour and instead stays stubbornly black (maybe because the hover colour is added with custom css, I guess).
The effect seems to be done with Javascript but I don't wanna dig through the files to edit the code.
I was wondering if maybe there is a simple way to change the sexy hover underline, or even add it to other areas. (For instance, my "recent blog posts" section just adds plain underline to the links on hover, instead of the flowy one.)
Hi maiaeli,
Sorry for the misunderstanding of the earlier message.
To change it's color, please add the code below to Custom CSS
.main-footer a:after, .wrapper a:after { background-color: red !important; } .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-light div.menu>ul>li>a:after, .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-light ul.menu>li>a:after { background-color: red !important; }Omg that worked! It's the :after that did it, now I can pick out and recolour any of them.
Thanks a whole bunch! Now it's okay to close this ticket. :D
Hi maiaeli,
I'm glad to hear that
Will set this ticket as solved from here.