38441 comments found.
I put the search button on the bottom of page https://cyklopedia.cc/ any way to change size of it, color? Make corners rounded? Thank you
Hey Fixedman,
add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
#ajax-content-wrap .wpb_row #sidebar .widget input[type=text] {
border-radius: 10px;
padding: 30px;
background-color: #eee;
}
#ajax-content-wrap .wpb_row .widget_search .search-form button[type=submit] {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
}
Cheers
Thank you, very much, is there way to pull just blog posts when I type something in search bar it is pulling pages too.
You’re welcome Fixedman, that would require copying and modifying the “search.php” file in a child theme.
Cheers
Hello how I can load all results on one page for search results? https://cyklopedia.cc/?s=Balance
Hey Fixedman, add this into your child theme functions.php file:
function nectar_change_wp_search_size( $query ) {
if ( $query->is_search ) {
$query->query_vars['posts_per_page'] = -1;
}
return $query;
}
Playing video is good on desktop but doesn’t format well for mobile. If I make a mobile version of the video – how do I make it play that version? There is no place to upload a video for mobile.
Hey cbg77, There is no option to upload a separate video file for mobile-only. You can, however, deactivate the videos from showing on mobile and opt to use an image instead. The option I’m referring to is called “Disable Video Backgrounds On Mobile Devices” in the Salient options panel > general settings > functionality tab. Could you share your page URL in regards as well so I can take a look as to why it’s not loading correctly on mobile?
Thanks in advance
And i wonder if there is a way i can make a new video that would play on mobile, then custom code to show that video if on mobile.
Thanks cbg77, If you’re referring to the page header video, you can make that scale to the correct aspect ratio by using the page builder instead. In a row that you set to “full width background”, you can add the video in a background video and then use % values in the top/bottom padding fields. For example, a value of 30% in each should provide correct scaling.
I renewed and filled out support ticket.
Thanks cbg77 
Hey guys, I working on my company’s website using these and I have a infinite loading problem on page builder. In fact, I confirmed it works on very initial state of theme but I struggling after imported demo from demo importer. If you guy know why and how to fix it, then please let me know.
Hey hshrecords, Could you please open a ticket on the support forum in regards with a temporary admin account so we can take a look? https://themenectar.ticksy.com/
Kindly let me know the ticket ID here once you have a ticket opened. Thanks in advance
Hey, thanks to your reply. I opened a ticket including information of temporary admin account on private ticket #2295854
So please take a look and find out a problem.
Thanks hshrecords 
Hey guys,
I sent a question via your contact form. Please check it oit.
Hey arteest, I responded in regards.
Cheers
Hi ThemeNectar, Thanks so much for your fantastic work with this theme. I’ve already used 4 licenses to create websites with Salient. I’m wondering if there’s a demo or a future feature that would allow to smoothly change the color background while scrolling. I’m thinking about the effect on this website https://www.ginlane.com/work/ If not, what should I do to create that effect? Thanks and stay amazing.
Hey themightythings, I’m glad to hear you’ve been enjoying Salient!
Unfortunately, there’s no easy way to add that functionality without some custom development. Though it is a pretty cool feature so I’ve
noted it on the wishlist 
Cheers
There seem to be a bug following installation of the latest version. One of our clients has two image galleries on two separate pages. In both, the images appear cropped / compressed when the page is loaded. It’s only on a refresh that the images appear as they should again. Any fix for this?
Hey MonologueHQ, what version did you update from? The last couple of Salient releases have not altered the image gallery code. Kindly share the page URL so I can take a look.
Thanks in advance
I assume it was updated from whatever the previous version was. The URL is: https://realm.ie/realm/hanover-quay-showroom/. We are using the child theme – not sure if this would have anything to do with it?
The issue has been reported and repeated on Safari and Chrome. Not on Firefox.
Hey MonologueHQ, It looks like there is some lazy loading functionality active in your setup that’s causing the issue. Please deactivate that on your end for the image gallery to test.
Cheers
Thank you.
You’re welcome MonologueHQ :)
Hi there, On this website: https://finestri.nl/ my blog images (below) are not the same size. Any way to solve this that they will all show in the same format?
Thanks!
Hey Abbenhues,
Please ensure that all images uploaded are at least 600×400, if you’ve already tried running the regenerate thumbnails plugin, In the case of: https://finestri.nl/wp-content/uploads/2020/01/20191105_172249-scaled.jpg it looks like that’s getting automatically resized due to a new WordPress feature: https://make.wordpress.org/core/2019/10/09/introducing-handling-of-big-images-in-wordpress-5-3/
Cheers
Hey Nectar, is it possible to change the submit button background and text hover color (nectar Btn see though)? Thanks!
Hey TheRooster!
You can use the following CSS in regards:
body[data-form-submit="see-through"] .container-wrap .span_12.light input[type=submit]:hover,
body[data-form-submit="see-through"] input[type=submit]:hover,
body[data-form-submit="see-through"] button[type=submit]:hover {
background-color: #ff0000!important;
border-color: #ff0000!important;
color: #000!important;
}
I’m adding Google Tag Manager code and trying to add the second code to the Body section using Google Tag Manager Plugin for Wordpress, it is asking me where I want to put the second container code. Which should I choose?
1) Footer of the page (not recommended by Google, no tweak in your template required) 2) Custom (needs tweak in your template) 3) Codeless injection (no tweak, right placement but experimental, could break your frontend) 4) Off (only add data layer to the page source)
I chose option 1 and looks to be working fine. Thanks!
Hey ehong33234, I’m glad to hear you got it working 
Hi, I’m using the image gallery in the latest version of the template. I have set Image Grid Style. If I set Masonry Style, there are no thumbnails on the page, but photos in full resolution. It is a mistake?
Can I set the URL to not change when I view a photo in the gallery? Thus webpage.com/#group_1991-68. Cannot send a link to the photo.
Hey dusanvondra,
1. Can you please share your URL in regards so I can take a look?
2. That hash should clear when closing the gallery. However, if you do not wish for it to show at all, you can change the theme lightbox script to “magnific” in the Salient options panel > general settings > functionality tab
Cheers
I like FancyBox. I just mind that a four-digit number is generated each time a page is refreshed.
Thanks dusanvondra,
1. I’ve just added the fix for that into the current beta release. If you’d like a copy before the next theme release, please reach out via the contact form on my author page in regards https://themeforest.net/user/themenectar
2. Since that’s the default functionality of the lightbox script, a new parameter would need to be added to the initialization within salient/js/init.js. Inside that file, run a search for ”.fancybox({” to end up at the right place. You can use the “hash” param as follows:
hash: false
I have checked and was wondering when you all plan to add the filter feature to the blog section the way it is on the portfolio section. I see it has been in queue for 5 years already
Hey Anthony_And_Marisa,
The Post grid element was released with version 11, which has the option to add filtering: http://themenectar.com/demo/salient-promo/dynamic-post-grid/
Cheers
Thank you so much!! That helps a ton. A side question… Is there anyway to make the filter look the same way as the sub menu does? I was hoping to have the filter sections be a full width 4 column row?
No problem, Anthony_And_Marisa 
add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
.nectar-post-grid-filters[data-sortable="yes"] div {
display: flex;
}
.nectar-post-grid-filters a {
width: 25%;
}
How to add more extra color? Actually there is only 3 extra colors, how can I have more please? Thanks a lot
Hey shirani93, that would require modding the theme options configuration file and dynamic CSS output. Could you let me know what elements you’re trying to add new colors for so I can assist?
Thanks in advance
We want to change the “Fullwidth Fancy Boxes Hover Description” I would like to change the hover color to different colors And I would like to have more extra color to use please.
http://tinyurl.com/yx3v39ehHey shirani93, thanks for elaborating. The next release is adding more coloring options for that element. We can provide you with a beta version now
if you reach out via the contact form on my author page
https://themeforest.net/user/themenectar
Cheers
I cannot find how to import the demo ‘Freelance’ from the demo importer. Any ideas?
Hey Leepish04,
Please make sure that you’ve updated your version of the Salient demo importer plugin to the latest release (1.1). If you’ve already done so, it’s possible that you have an outdated demo folder lingering in your salient theme directory at salient/nectar/redux-framework/extenstions/wbc_importer
If that directory exists, please delete it so that the Salient demo importer plugin can be loaded.
Cheers
Is it possible to alter the background colour of the fancy boxes (color box hover effect) before hover? ATM they are just transparent. foodieflavours.com
thanks
Hey MarcGarner,
You can use the following CSS for that:
.nectar-fancy-box[data-style="color_box_hover"] .box-inner-wrap {
background-color: #eee;
}
Cheers
That works great thanks, And is it possible to show the background image before hover as well?
Also would there be a way to display the fancy box as it is on hover before hover, with accent colour, changed text colour and background image?
Hey MarcGarner,
Here’s some CSS for that:
body .nectar-fancy-box[data-style="color_box_hover"] .inner-wrap *,
body .nectar-fancy-box[data-style="color_box_hover"] .inner-wrap,
body .nectar-fancy-box[data-style="color_box_hover"][data-color="accent-color"] .icon-default-style {
color: #fff;
}
body .nectar-fancy-box[data-style="color_box_hover"] .box-bg {
opacity: 1;
}
Will ajax commenting be added in the future ?
Hey ueswat, I’ve noted the idea on the wishlist, but that’s currently not a scheduled feature.
Cheers
I see icomoon.woff; fontawesome and several other fonts are loaded on my page. To speed things up I would like to minimize request. I am trying to figure out why these fonts are being loaded but I cannot figure it out.
Is there a way to find this myself? I have been searching in Chrome Dev console. The relevant page is for example: https://www.goedeshampoo.nl/product/revita-shampoo/
Hey again dzineee, the Salient custom icon font (icomoon) and font awesome are automatically loaded as part of the theme core. If you remove those from loading, various icons will no longer function on your site e.g. the search icon, dropdown arrows, checkmarks etc. For all other fonts that used for text – go through each tab of the Salient options > typography section and remove any font families you do not need.
Cheers
Thank you for taking time to look into this. Is there a list that clarifies which font icons are used where? Would it be a possibility to load all icons from the same font set in order to prevent double load?
Hey dzineee,
You can import the iconmoon.svg file into the app here https://icomoon.io/app/#/select to examine each of the icons. There wouldn’t be a way without custom development to merge them into font awesome
Sorry to come back on this. Is there a future update planed to use either Icomoon OR fontawesome? Seems unnecessary to load 2 complete fonts for a few icons. I’d like to use only one if possible.
Hey dzineee,
There’s no planned option to remove the Salient specific custom icons in favor of using fontawesome icons. They are part of what differentiate the design of the theme from the generic. If you wish to remove fontawesome, you can add the following into a child theme functions.php:
add_action( 'wp_enqueue_scripts', 'salient_child_dequeue', 100);
function salient_child_dequeue() {
wp_dequeue_style( 'font-awesome' );
}
I am still unclear which icons that are. If i block the font via dev-tools I am not noticing any differences, so where do these icons show up?
I would like to use font-awesome, and not the other one. Can I also dequeue Icomoon?
Hey dzineee,
The icons are as follows: https://ibb.co/mSsH9g9 If you’re not using any Salient options/elements which make use of those then yes, it’s fine to dequeue the icons.
Hello,
Google Developers tools suggest to ensure that text remains visible during webfont load. Salient is using several custom fonts. The suggestion is to use font-display: swap in your @font-face
With Google Fonts it seems even easier.
See the full documentation here: https://web.dev/font-display/?utm_source=lighthouse&utm_medium=unknownYou expect implementing this?
Also, I noticed the opensans font is loaded 5 times with different urls. What is the reason of this?
Hey dzineee,
1. Salient only loads fonts from Google that are used for text as per your selection in the typography options panel.
In order to add that newly available parameter to all the Google fonts, a file modification would be needed in salient. The relevant file is salient/nectar/redux-framework/ReduxCore/inc/fields/typography/field_typography.php
https://scotch.io/bar-talk/google-fonts-now-supports-font-display#toc-how-do-i-use-font-display-with-google-fonts-2. It sounds like you’re referring to the different weights of Open Sans. If you are not making use of that font, please select “Do not load default font” from the Salient options > Typography > Default Theme Font Functionality field
1. Hello, I looked at field_typography.php but not sure where to make the adjustment. Are you planning to update this in the near future? Or could you point me to the write lines?
2. I am using Open Sans. I was not aware it would load all varieties of the font. If I use the same weight everywhere will it only load that font once? Or still all varieties? In fact I have checked I only use Open Sans with weight 400.
Hey dzineee, 1. The line:
return '//fonts.googleapis.com/css?family=' . str_replace( '|', '%7C', $link );
would need to become:
return '//fonts.googleapis.com/css?family=' . str_replace( '|', '%7C', $link ) .'&display=fallback';
2. By default Salient loads 300,400,600, and 700. None of those will load if you change the option as mentioned above: https://ibb.co/k8LzK53
1. You’re customer support is impressive; thank you again for your help.
2. What is the reason for loading these by default, and not variable by selected font? Why would you do that? I am sure I am missing something so just trying to double check. Seems to me that loading the selected fonts will always be enough?
Hey dzineee,
Salient makes use of each of those weights by default. If you install the theme fresh and do not import a demo, the only font that will be loaded with be Open Sans with those weights. The various theme elements make use of different weights, for example. Buttons use 700, Body text uses 400, subheaders use 300 etc. You can simply search the salient/css/style.css file for the term “font-weight” to see all of the defaults.
In a case where custom fonts are selected and assigned to the various theme elements via the typography tab, the Open sans will be overridden and can be disabled.
Why load those on default, and not based on selections? I am not sure I understand that.
The adjustment below has indeed ‘fixed’ the googlefonts. It seems that fontawesome and icomoon are not fixed yet. Do I make those adjustments somewhere else to load with fallback?
Hey dzineee,
1. as I mentioned the theme uses more than one weight by default. If you don’t want to use them, you can disable them from loading and then manually specify which open sans variants you need in the typography options panel per section.
2. The “display=fallback” param wouldn’t provide the same benefit for font icons, as there will not be a default font that can be shown like with text
Ah yes of course, that makes sense. Thank you for all your help.
Can I get an assist? My Woocommerce is not working properly during checkout. It is redirecting to a Salient page… not my site’s content.
https://bit.ly/2UuNOv4Hey arteest, in the WooCommerce > Status > Tools tab, please try and use the option to “Create default WooCommerce pages” and verify that the cart/checkout are assigned in WooCommerce > Settings > Advanced
It didn’t work. Once I add an item to the cart and click on the cart icon (where the number is), it simply reloads the page. Can I give you credentials to log in to see what’s not working?
Hey arteest. please reach out via the contact form on my author page with them so I can take a look: https://themeforest.net/user/themenectar
Done. Thank you!
Try now
Okay – one more try! Same info
Thanks arteest 
This looks like a great theme. However, it’s not letting me install it because it continues saying that it’s missing the style.css file in the compressed folder. Please help! Thanks!
Hey naturalstatesports 
Please see the following resource in regards:
https://help.market.envato.com/hc/en-us/articles/202821510-Theme-is-missing-the-style-css-stylesheet-error