Salient v13.0 Major Release (3/25/2021) is now available.

If you're on a version prior to 10.5 and are considering updating, it's important to read through our update guide before updating to ensure a smooth transition.

Click here to view the update guide

Okay
  Public Ticket #2742849
Various
Closed

Comments

  •  2
    Coastdesign started the conversation

    Hi again. Loving v13. Thanks for upgrading the theme. 

    A couple questions:

    1) Is there a way to re-order the portfolios shown in the 'previous/next' navigation at the footer of a portfolio page? e.g. i'd like La Tratt to be first, Summer House second, Pho@Fairfield third...

    2) The text on my home page does not appear to be vertically centred in the middle. Seems a bit low on desktop. Any suggestions?

    3) Is there a way to style the header on a 404 page and search results page (other than in the Salient options)? I'd like a dark background so I can see the logo, menu. Maybe remove the keylines. Also, the footer seems to float on the middle of the search results pages if only one item is found - can it be forced to the bottom of the browser?

    4) I have set the kerning for H1 at -2.5 which is good for large headers on desktop. Is there a way to make it less for tablet and mobile?

    Cheers!


  •  1,652
    Andrew replied

    Hi There,

    1. I am afraid its not possible without using a Third Party Plugin such as: https://wordpress.org/plugins/intuitive-custom-post-order/

    2. Please try this css:

    [data-caption-trans="none"] .swiper-slide .content p, [data-caption-trans="none"] .swiper-slide .content h1, [data-caption-trans="none"] .swiper-slide .content h2, [data-caption-trans="none"] .swiper-slide .content h3, [data-caption-trans="none"] .swiper-slide .content .buttons {
        margin-top: -82px;
    }

    3. Please send in your admin login credentials so that we may look into this further.

    4. Please try this css:

    @media only screen and (max-width: 690px){
    body .row .col.section-title h1, body h1, html body .row .col.section-title.span_12 h1, body.single.single-post .row .col.section-title.span_12 h1, #page-header-bg .span_6 h1, #page-header-bg.fullscreen-header .span_6 h1, .full-width-content .nectar-recent-posts-slider .recent-post-container .inner-wrap h2 {
        font-kerning: inherit;
    } }

    Thanks

  •   Coastdesign replied privately
  •  1,652
    Andrew replied

    Hi There,

    You can use any email of your choice, we will still be able to login.

    Thanks.

  •   Coastdesign replied privately
  •  1,652
    Andrew replied

    Hi There,

    1. Please try this css for the header logo to be visible

    body #header-outer, body[data-header-color="dark"] #header-outer {
        background-color: rgb(148 133 133);
    }

    2. The footer does not seem to be floating from my end on the search results page:

    5103825314.png

    Thanks.

  •  2
    Coastdesign replied

    Thanks Andrew but that does not seem to work :(

  •  1,652
    Andrew replied

    Hi There,

    I have added this css:

    9425412545.png

    Please check and let us know whether you need any further assistance.

    Thanks.

  •  2
    Coastdesign replied

    Thanks Andrew. It works but the menu and searh icon is not showing in white. Any suggestions to fix would be greatly appreciated!

  •  1,652
    Andrew replied

    Hi There,

    Please try this css:

    #top nav ul #nectar-user-account a span, #top nav ul #search-btn a span, #header-outer .cart-menu .cart-icon-wrap .icon-salient-cart {
        color: rgb(255 255 255 / 48%);
    }

    Thanks.

  •  2
    Coastdesign replied

    Thanks for this. Search icon now appears white. Awesome. Menu does not though... Can you provide the CSS for this? 

  •  5,650
    Tahir - SUPPORT replied

    Hey Again,

    Remove the Css for the search icon and use this to invert the colors using CSS instead.

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    body.error404 #header-outer .span_9{
        filter: invert(1) !important;
    }

    Thanks

  •  2
    Coastdesign replied

    Hi Tahir

    Thanks for your help.

    I've tried what you suggested and the menu items do not appear white. Here's the code I am using. Keep in mind i want the header background to be black.

    /* style tweak for search results header - black background and white menu items */

    body #header-outer, body[data-header-color="dark"] #header-outer {
        background-color: #000000 !important;
    }
    body.error404 #header-outer .span_9{
        filter: invert(1) !important;
    }


  •  5,650
    Tahir - SUPPORT replied

    Hey Again,

    Use this Revised CSS:

    /* style tweak for search results header - black background and white menu items */
    body #header-outer, body[data-header-color="dark"] #header-outer {
        background-color: #000000 !important;
    }
    .error404 #top nav ul #search-btn a span {
        color: #fff !important;
    }
    .error404 .slide-out-widget-area-toggle .lines-button:after,.error404 #top nav ul .slide-out-widget-area-toggle a .lines:before ,.error404 #top nav ul .slide-out-widget-area-toggle a .lines:after {
        background-color: rgb(255 255 255) !important;
    }

    Thanks

  •  2
    Coastdesign replied

    Thanks Tahir

    The search and menu icon are still black :( 

    But they do appear white once they are selected. 

    Is this what you're seeing?




  •  5,650
    Tahir - SUPPORT replied

    I am seeing this : 

    1455758814.png
    1. Please clear your cache using this guide: https://themenectar.ticksy.com/article/6226/ .
    2. If you are using WP Rocket use this guide :  https://docs.wp-rocket.me/article/108-render-blocking-javascript-and-css-pagespeed#critical-path-css .
    3. For Woocommerce caching issues see: https://docs.woocommerce.com/document/configuring-caching-plugins/ . 

    Thanks 

  •  2
    Coastdesign replied

    Yea i cleared the cache.

    It's there on the 404 but not the search results page.

    Attached files:  Screen Shot 2021-04-13 at 9.05.05 pm.png

  •  5,650
    Tahir - SUPPORT replied

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    /* style tweak for search results header - black background and white menu items */
    body #header-outer, body[data-header-color="dark"] #header-outer {
        background-color: #000000 !important;
    }
    /* for error page */
    .error404 #top nav ul #search-btn a span {
        color: #fff !important;
    }
    .error404 .slide-out-widget-area-toggle .lines-button:after,.error404 #top nav ul .slide-out-widget-area-toggle a .lines:before ,.error404 #top nav ul .slide-out-widget-area-toggle a .lines:after {
        background-color: rgb(255 255 255) !important;
    }
    /* for search page */
    .search #top nav ul #search-btn a span {
        color: #fff !important;
    }
    .search .slide-out-widget-area-toggle .lines-button:after,.search #top nav ul .slide-out-widget-area-toggle a .lines:before ,.search #top nav ul .slide-out-widget-area-toggle a .lines:after {
        background-color: rgb(255 255 255) !important;
    }    

    Thanks

  •  2
    Coastdesign replied

    Thanks Tahir that did the trick although the menu does appear to lose it's middle bar. All good otherwise. 


  •  5,650
    Tahir - SUPPORT replied

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    #top nav ul .slide-out-widget-area-toggle a:hover .lines-button:after {
        background-color: #fff !important;
    }

    Thanks

  •  2
    Coastdesign replied

    Thanks Tahir. This worked! Nice one.