admin管理员组文章数量:1130349
As per the title, how do I change/remove styling (which is a white top border) on the main menu for both the active page and on hovering a menu item? I am using the Avada child theme and started out with the Architecture demo content. I'm new to web dev and using Custom CSS but can figure most things out with a little guidance. Have checked the forum for existing threads but nothing I have tried has works so far. Thanks in advance.
As per the title, how do I change/remove styling (which is a white top border) on the main menu for both the active page and on hovering a menu item? I am using the Avada child theme and started out with the Architecture demo content. I'm new to web dev and using Custom CSS but can figure most things out with a little guidance. Have checked the forum for existing threads but nothing I have tried has works so far. Thanks in advance.
Share Improve this question asked May 29, 2017 at 1:59 James AllenJames Allen 31 silver badge3 bronze badges 1- You can put your own css properties to change styling. Use google inspection tool (f12) to check in which class you need to change properties. – Rishabh Commented May 29, 2017 at 4:19
1 Answer
Reset to default 1Go to you theme admin panel then Appearance > Editor. Then paste this code bellow into Stylesheet (style.css):
.fusion-main-menu .current_page_item > a {
border-color: #000 !important;
}
.fusion-main-menu > ul > li > a:hover {
color: #000 !important;
}
Hope it solve your problem
As per the title, how do I change/remove styling (which is a white top border) on the main menu for both the active page and on hovering a menu item? I am using the Avada child theme and started out with the Architecture demo content. I'm new to web dev and using Custom CSS but can figure most things out with a little guidance. Have checked the forum for existing threads but nothing I have tried has works so far. Thanks in advance.
As per the title, how do I change/remove styling (which is a white top border) on the main menu for both the active page and on hovering a menu item? I am using the Avada child theme and started out with the Architecture demo content. I'm new to web dev and using Custom CSS but can figure most things out with a little guidance. Have checked the forum for existing threads but nothing I have tried has works so far. Thanks in advance.
Share Improve this question asked May 29, 2017 at 1:59 James AllenJames Allen 31 silver badge3 bronze badges 1- You can put your own css properties to change styling. Use google inspection tool (f12) to check in which class you need to change properties. – Rishabh Commented May 29, 2017 at 4:19
1 Answer
Reset to default 1Go to you theme admin panel then Appearance > Editor. Then paste this code bellow into Stylesheet (style.css):
.fusion-main-menu .current_page_item > a {
border-color: #000 !important;
}
.fusion-main-menu > ul > li > a:hover {
color: #000 !important;
}
Hope it solve your problem
本文标签： How do I changeremove styling (top border) on main menu for active page and hovering (Avada Theme)
版权声明：本文标题：How do I changeremove styling (top border) on main menu for active page and hovering (Avada Theme) 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://it.en369.cn/questions/1749052896a2308883.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论