Custom Elements

Home Forums Use Any Fonts Custom Elements

This topic contains 7 replies, has 2 voices, and was last updated by  Dinesh 3 years, 1 month ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #2256

    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

    #2258

    Dinesh
    Keymaster

    Hi Edo,

    I think you should use

    ul li a

    Hope this helps.

    Thanks

    #2262

    Edo

    Hi Dinesh,

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

    #2264

    Dinesh
    Keymaster

    Hi Edo,

    Can you send me the snapshot of the area ?

    Thanks

    #2265

    Edo

    Hi Dinesh,

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

    http://www.pennafpremier.com/downloads/useanyfont.jpg

    Many Thanks

    Edo

    #2280

    Dinesh
    Keymaster

    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

    • This reply was modified 3 years, 1 month ago by  Dinesh.
    #2802

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

    #2803

    Dinesh
    Keymaster

    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

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Custom Elements’ is closed to new replies.