Okay
  Public Ticket #742714
Icons
Closed

Comments

  •  1
    Evan started the conversation
    April 20, 2016 at 8:36pm

    1 .Hi, I really like the new Linea icons that draw themselves. Is there a way to add my Nucleo icons (https://nucleoapp.com/ ) into my site and have the same animation apply to the Nucleo svg icons?

    2. I consistently use a transparent header throughout the site. However, on one page, the background is light so the light text and logo in the transparent header don't really show. Is it possible to have dark text and a dark logo on that single page only? (http://ffe.181.myftpupload.com/resources/ )

    I would appreciate the help! Thanks in advance.

  •  8,994
    Tahir replied
    April 22, 2016 at 3:15pm

    Hey ,

    Simply add them to this folder: http://prntscr.com/a203dq . "salient/css/fonts/svg" and add the svg name in the shortcode.

    As for the dark header i am afraid we dont have any such option available yet.
    Best.

    ThemeNectar Support Team 

  •  1
    Evan replied
    April 26, 2016 at 10:47pm

    Hi, thanks a lot!

    For the dark header, I found a thread referencing it (https://themenectar.ticksy.com/ticket/341439 ). It works if i use the .home but if I use the post ID for the page I want it to work for, it does not work. 

    http://ffe.181.myftpupload.com/resources/ is the page I want the custom CSS to apply to. I tried changing .home to .postid-6520 but it's not working...

    Please help! thanks.

  •  8,994
    Tahir replied
    April 28, 2016 at 12:58am

    Hey Again,
    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    .page-id-6520 #header-outer header#top #logo img.dark-version {
    opacity: 1 !important;
}


.page-id-6520 #header-outer header#top #logo img {
    opacity: 0 !important;
}

    Bes.t

    ThemeNectar Support Team 

  •  1
    Evan replied
    April 28, 2016 at 1:11am

    Alright great, that solved part of it, thanks. 

    Second part:

    If you go on the page http://ffe.181.myftpupload.com/resources/ , you will see that the active menu link is still white, the underlines for the menu items are still white and so are the search icon and side menu widget icon. Anyway to change those as well?

    Also noticed that since the change, the logo is misplaced when i'm on mobile for that single page.

    Again, thanks in advance.

  •  8,994
    Tahir replied
    April 28, 2016 at 2:55am

    Hey ,
    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    body header#top #logo img, .page-id-6520 #header-outer[data-permanent-transparent="false"] #logo .dark-version {
    position: absolute;
}

@media only screen and (min-width: 1000px) {
    .page-id-6520 #header-outer.transparent header#top nav > ul > li > a, .page-id-6520 #header-outer.transparent header#top nav ul #search-btn a span.icon-salient-search {
        color: #464646 !important;
    }
    
    .page-id-6520 #header-outer[data-lhe="animated_underline"].transparent header#top nav > ul > li > a:after, .page-id-6520 #header-outer.transparent header#top nav>ul>li.button_bordered>a:before {
        border-color: #f00 !important;
    }
    .page-id-6520 #header-outer.transparent:not(.directional-nav-effect) > header#top nav ul .slide-out-widget-area-toggle a i.lines,.page-id-6520 #header-outer.transparent:not(.directional-nav-effect) > header#top nav ul .slide-out-widget-area-toggle a i.lines:before,.page-id-6520 #header-outer.transparent:not(.directional-nav-effect) > header#top nav ul .slide-out-widget-area-toggle a i.lines:after,.page-id-6520 #header-outer.transparent.directional-nav-effect > header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i,.page-id-6520 #header-outer.transparent.directional-nav-effect > header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:after,.page-id-6520 #header-outer.transparent.directional-nav-effect > header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:before,.page-id-6520 #header-outer.transparent:not(.directional-nav-effect) .midnightHeader.nectar-slider header#top nav ul .slide-out-widget-area-toggle a i.lines,.page-id-6520 #header-outer.transparent:not(.directional-nav-effect) .midnightHeader.nectar-slider header#top nav ul .slide-out-widget-area-toggle a i.lines:before,.page-id-6520 #header-outer.transparent:not(.directional-nav-effect) .midnightHeader.nectar-slider header#top nav ul .slide-out-widget-area-toggle a i.lines:after,.page-id-6520 #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i,.page-id-6520 #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:after,.page-id-6520 #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:before {
        background-color: #464646!important;
    }

}

    ThemeNectar Support Team