Celestia Css Menu
Steven Gourlay
Hi i am trying to reduce the font weight of the menu items to not be as bold, its modal menu right.
I can edit the css on the inspection in browswer but when i put it into custom css it does not do it?
sp-header.celestia-header ul.sp-megamenu-parent>li>a, #sp-header.celestia-header ul.sp-megamenu-parent>li>span {
font-size: 40px;
font-weight: 700;}
I change 700 top 200 and it changes but does not seem to work in custom css.
Paul Frankowski
Accepted AnswerHi Steven,
you used wrong class name, that one should be used, becuase this is MODAL-MENU:
#modal-menu ul.sp-megamenu-parent > li > a,
#modal-menu ul.sp-megamenu-parent > li > span {
font-size: 36px;
font-weight: 200; }You can use it inside custom.css file or inside Template Options > Custom Code > Custom CSS
Steven Gourlay
Accepted AnswerHi Paul I have added above into my custom css and it is still not changing, ive set it to 100, link in private section
Paul Frankowski
Accepted AnswerI don't see any custom.css file inside your source code.
Also I don't see my code that I shared in classic HTML view, hmmm???!
So it does not surprise me that it does not work. So the mistake is still on your side.
Steven Gourlay
Accepted Answernot sure what is going on as it is here
