Custom Elements

[Edo]

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
.ul

Thanks,

Edo

[Dinesh]

Hi Edo,

I think you should use

ul li a

Hope this helps.

Thanks

[Edo]

Hi Dinesh,

Nope, that didn’t work. Should I precede it with # or . ?

[Dinesh]

Hi Edo,

Can you send me the snapshot of the area ?

Thanks

[Edo]

Hi Dinesh,

Here you are. It’s the submenu of the main menu that’s causing me the problem…

Many Thanks

Edo

[Dinesh]

Hi 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

[Edo]

Hi 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;
}
}

[Dinesh]

Hi 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

[Author]

Posts