Home › Forums › Use Any Fonts › Custom Elements
- This topic has 7 replies, 2 voices, and was last updated 10 years, 4 months ago by Dinesh.
-
AuthorPosts
-
November 28, 2013 at 9:50 am #2256EdoGuest
Hello,
I’m trying to assign a font to a submenu item on http://www.playlearnplay.com but don’t know what the correct tag is… Can you help?
I’ve tried
#ul
.ulThanks,
Edo
November 28, 2013 at 5:11 pm #2258DineshKeymasterHi Edo,
I think you should use
ul li a
Hope this helps.
Thanks
November 28, 2013 at 7:16 pm #2262EdoGuestHi Dinesh,
Nope, that didn’t work. Should I precede it with # or . ?
November 29, 2013 at 3:07 am #2264DineshKeymasterHi Edo,
Can you send me the snapshot of the area ?
Thanks
November 29, 2013 at 8:54 am #2265EdoGuestHi Dinesh,
Here you are. It’s the submenu of the main menu that’s causing me the problem…
Many Thanks
Edo
December 3, 2013 at 3:42 pm #2280DineshKeymasterHi Edo,
There is a css
html body #navigation .sub-menu li a, html body #navigation .sub-menu li .sub-menu li a, html body #navigation .sub-menu li .sub-menu li .sub-menu li a{ color: #DEDEDE !important; font-family: arial,Arial,Helvetica,sans-serif !important; font-size: 13px !important; font-weight: normal !important; }
and the font has been marked as important, so the plugin is unable to overwrite it. Can you please delete this line ?
Thanks
December 17, 2013 at 2:02 pm #2802EdoGuestHi Dinesh,
Here’s the section of the header.css file used with the theme I am using. Can’t see the !important tag anywhere? Am confused
#header #navigation .select-menu { display: none }
#header #navigation ul {
float: right;
list-style: none;
margin: 0;
margin-top:0px;
}#header #navigation ul li {
display: block;
float: left;
position: relative;
}#header #navigation ul li a {
height:87px;
display: block;
float: left;
line-height: 87px;
margin: 0 0 0px 15px;
padding: 0px 5px;
border-bottom: 3px solid transparent;
font-size: 13px;
color: #666666;
}#header #navigation ul li a:hover {
color: #333333;
border-bottom: 3px solid #333333;
}/* Active Status —————————————————- */
#header #navigation li.current-menu-item a,
#header #navigation li.current-menu-item a:hover,
#header #navigation li.current-page-ancestor a,
#header #navigation li.current-page-ancestor a:hover,
#header #navigation li.current-menu-ancestor a,
#header #navigation li.current-menu-ancestor a:hover,
#header #navigation li.current-menu-parent a,
#header #navigation li.current-menu-parent a:hover,
#header #navigation li.current_page_ancestor a,
#header #navigation li.current_page_ancestor a:hover {
color: #289dcc;
font-weight: 600;
border-bottom: 3px solid #289dcc;
}/* Sub-menu —————————————————- */
#header #navigation .sub-menu{
top: 87px;
left: 15px;
}@media only screen and (min-width: 960px) {
.stuck {
margin:0 auto;
position:fixed !important;
top:0;
-webkit-box-shadow:0 2px 4px rgba(0, 0, 0, .3);
-moz-box-shadow:0 2px 4px rgba(0, 0, 0, .3);
box-shadow:0 2px 4px rgba(0, 0, 0, .3);
z-index: 2000;
width: 100%;
}
}@media only screen and (max-width: 959px) {
.sticky-wrapper{
height: auto !important;
}
}December 17, 2013 at 5:26 pm #2803DineshKeymasterHi Edo,
Ya this css section, doesn’t have the css i mentioned earlier. Also, i believe that those css are not written in css files. They have been kept by some plugins or your theme.
Thanks
-
AuthorPosts
- The topic ‘Custom Elements’ is closed to new replies.