38356 comments found.
Hi. What’s the latest version of PHP that Salient can operate on?
Hey Coastdesign, we’ve tested with PHP 7.4 – just make sure you’re using the latest release of Salient (12.1.0)
How about version 7.4.8?
Also, is there a plug-in clash with Yoast?
The tests with PHP 7.4 were on v7.4.3. I would assume that 7.4.8 wouldn’t pose any new issues.
There are also no known conflicts with Yoast. Please describe what issue you’re facing and let me know what version of the plugin you’re using.
Thanks
Thanks! As always, you rock. Works with 7.4.8 and Yoast.
Glad to hear, Coastdesign 
Hi, How can I do to show the Add to Cart without mouse Hover in the product page. Example: https://ibb.co/Z1P2hP1tra .The salient options are very good but for cell phones, to enter the product you have to double click on the product to enter and I want to simplify it. Thank you
Hey mirazoqui,
The next release will be adding a theme option to remove the hover state for products on mobile and allow users to enter the single product view with a single click. If you’d like early access, please shoot me an email via the contact form on my author page: https://themeforest.net/user/themenectar
Cheers
Great!. When will be the next release?
Hey mirazoqui, The current ETA is next month.
Hello, I can’t find this option in the last 2 updates. Will be add this option in the next release?
Hey mirazoqui!
That feature is available in the current beta. The next major release has been pushed back, but we can still provide you with the beta access if desired. The past two releases were mandatory minor releases with bugfixes only.
I will wait for it. Thank you!
Hello on the bottom of this page https://exposeyourbrand.co is a email form how I can edit color and sizes for its button? Thank you.
Hey Fixedman,
Add this into the custom css box located in the Salient options panel > general settings > css/script related tab to control the coloring:
body #ajax-content-wrap button[type=submit] {
background-color: #0088ff!important;
}
The sizing can be defined in the Salient options > form styling tab via the option “Form Submit Button Padding”
What if i want to make gradient like for my others buttons on website?
and “Form Submit Button Padding” is not making any changes
Hey Fixedman,
1.
body #ajax-content-wrap button[type=submit] {
background: linear-gradient(125deg, #3a96ff, #3a67ff)!important;
}
2. Switch the “Form Submit Button Style” to “Nectar Button” rather than default
Thank you!
You’re welcome, Fixedman 
Hi there—How do I get some padding above my h1 titles by default? Content seems to be right up against the headers when I create pages https://jamescarveronline.com/filmmaking-gear-list/ see my h1 where I have typed “Main Camera Gear” for example
Hey JayCarver,
The parent row for that text has no top/bottom padding set. If you’d like to specify default padding for rows, you can add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
.main-content > .row > .wpb_row:not(.full-width-section):not(.full-width-content) {
margin-top: 35px;
}
Hey thanks for the reply, but it didn’t work.
I had this issue on a different website a couple weeks ago https://whydontyouknowthis.com/how-to-negotiate-with-anyone/ and you mentioned it was supposed to be padding at the top of the first content or component added by default. I forget what you told me to do to resolve it there.
Is that not the case for every variation of this Sailent theme?
Hey JayCarver, only the top of posts will have default padding like that – page builder rows will not unless they’re the first row on a page, The CSS I provided you with is not going through because of malformed CSS that is above it. The snippet above in your CSS box needs a closing bracket. i.e. this:
/* Mobile */
@media only screen and (max-width: 480px) {
body header#top #logo img {
height: 17px!important;
margin-top: 10px !important;
}
would need to be as follows:
/* Mobile */
@media only screen and (max-width: 480px) {
body header#top #logo img {
height: 17px!important;
margin-top: 10px !important;
}
}
Hi ThemeNectar!
I’m having problems finding a piece of code that causes the full website to slide 300pixels to the left when opening the right off canvas sidebar.
header-outer, .container-wrap gets the inline style = transform: translate(-300px, 0px);}
I could stop this by adding a ‘transform: none!important’ to the css file, but this causes problems with the vertical sticky tabs…
So, would it be possible to turn off the 300px inline transform somewhere?
Thanks in advance!!
Mark
Hey Mark!
As of now fully stopping that functionality would require a JS modification to salient/js/init.js at the function titled “OCM_slideOutRightOpen”. Alternatively, if you use the “Slide out from right hover triggered” style, that movement will already be the default.
Cheers
Hey! Thanks a lot, that fixed my problem. One more question; how could I speed up the animation from 3 lines to a cross when opening the sidebar menu?
Hey markbvv,
Can you share the page URL so that I take a closer look at the setup?
Thanks in advance
Hello, All of sudden on my website (https://relentlesswarriorstore.com/), you can’t scroll anymore. It does it on desktop, tablet, and mobile. Can you please advise why? Thanks.
Hey kukennedy,
Without disabling the currently active CSS minification, it’s hard to see the true cause of that issue. However, you can add this into the custom css box located in the Salient options panel > general settings > css/script related tab to correct it:
.nectar-no-flex-height:not(.material-ocm-open) .ocm-effect-wrap-inner,
body[data-slide-out-widget-area-style]:not(.material-ocm-open).nectar-no-flex-height .ocm-effect-wrap {
height: auto!important;
}
It worked thank you. I also tuned off minify css. Could you let me know so I can revise it properly? Thanks.
Thanks,
I can’t seem to replicate the issue locally when attempting to copy your theme settings. If you’d like to reach out privately via the contact form on my author page, I’d be glad to take a closer look at the backend. Or you could just leave that snippet active until the next release. In the upcoming version, the underlying CSS which is conflicting on your setup has been rewritten and thus the issue would go away naturally when updating.
Cheers
CF7 Styling: my contact form uses date picker dropdown. on iphone the did not get the overall site style. How do I get all the form styled (for example) as the minimal one on someone of your templates? (Included datepicker dropdown) thanks in advance
Hey guasconi,
In the Salient options panel > Form styling tab, ensure that you have the option “Enable Fancy Select Styling” enabled. If you already do, please share your URL in regards so that I can take a look.
Cheers
Hey ThemeNectar!
I am trying to use an iframe in a lightbox but i am getting an error “The requested content cannot be loaded.”
I already tried the following but nothing works:
<a href="http://www.google.com?iframe=true&width=400&height=200" class="pp">Link</a>
-
<a href="http://www.google.com?iframe=true&width=400&height=200" rel="prettyPhoto[iframes]">Link</a>
-
<a class="iframe" href="http://www.example">This goes to iframe</a>
I hope you can help me out with that. Thank you for your effort, i appreciate it! best regards
Hey Cartman66,
The anchor structure to call a fancybox iframe is as follows:
https://pastebin.com/bmZYRdRDNote, that if you’re trying to access Google in an iframe, you’ll need to use an iframe supported URL such as a map embed in the example above
Cheers
Thank you very much!! It works even with normal iframe Pages.
You’re welcome Cartman66 
Hi Theme Nectar and congrats for the awesome theme. I am working on a site with Salient of a client of mine who already bought the theme. I have one question: how to automatically expand the woocommerce product categories widget on mobile view? By defaul it is collapsed. Thank you so much
Hey GIORGIDESIGN, Thanks a lot!
Add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
@media only screen and (max-width: 999px) {
.woocommerce #sidebar .widget.woocommerce:not(.no-widget-title)>ul,
.woocommerce #sidebar .widget.widget_product_tag_cloud>div,
.woocommerce #sidebar .widget.woocommerce-widget-layered-nav>.woocommerce-widget-layered-nav-dropdown {
display: block!important;
}
.woocommerce #sidebar .widget.woocommerce:not(.widget_price_filter) h4:before,
.woocommerce #sidebar .widget.woocommerce:not(.widget_price_filter) h4:after {
display: none;
}
.woocommerce #sidebar .widget.woocommerce:not(.widget_price_filter) h4 {
pointer-events: none;
padding-left: 0;
}
}
Thanks a lot, you’re the best!
Glad I could help, GIORGIDESIGN 
Hey ThemeNectar, just another question: is there a way to show the woocommerce store notice only in the store page instead of the whole site? Thank you so much!
Hey GIORGIDESIGN, you can in the following CSS for that change:
body:not(.woocommerce) .woocommerce-store-notice {
display: none!important;
}
Thanks a lot!
You’re welcome, GIORGIDESIGN 
Hi ThemeNectar, last question: I have the WooCommerce Products element in one page and I want to push there only external products. Is there a way to link the product thumbnail straight to the external product page instead of the internal product page? Thanks a lot
Hey GIORGIDESIGN,
This would require a modification to the relevant product style output function. You can find the output functions for each style in salient/nectar/helpers/woocommerce.php They’re namednectar_product_thumbnail_with_cart // classic nectar_product_thumbnail_material // material nectar_product_thumbnail_minimal // minimal nectar_product_thumbnail_with_cart_alt // price/star ratings on hover
Copy the one you’re using into a child theme functions.php for the modification.
Thank you for your fast reply. I’ve solved pushing this code to functions.php:
add_action('template_redirect', 'redirect_external_products');
function redirect_external_products() {
global $post;
if (is_singular( 'product' ) &&
! empty( $post ) &&
($product = wc_get_product($post)) &&
$product->is_type('external' )) {
wp_redirect( $product->get_product_url() );
exit;
}
}
Hi guys, as always congrats for this great theme! Same website, another question from my client: how do I increase the font size of the text i put in the hotspots panels on mobile? It is really small. Same for the (X) icon to close the panel. I’m talking of the hotspots of the Image with hotspots module. Thank you in advance!
Nevermind guys, I’ve figured it out the issue related to the font-size on tooltips boxes but now I have another problem: I’ve put some html anchors in the tooltip boxes, links work perfectly on desktop but on mobile when i click those links the tooltip box simply disappear and the link doesn’t work. Can you please help? Thanks a lot!
Hey GIORGIDESIGN! This issue is will be fixed in the next major release (v13). If you’d like immediate access, please reach out via the contact form on my author page in regards.
Thanks in advance
Hello,
I am having an issue where google picks up the Creation date of the article , the published date. but I am updating my blog posts quite often and I need to have Last updated on <date>
I am looking in includes/partials/single-post/post-header-no-img-regular.php and I do see on lines 86 – 89 the code
<?php echo get_the_date(); ?>
<?php echo get_the_modified_time( __( 'F jS, Y' , 'salient' ) ); ?>
<?php } else { ?>
<?php echo get_the_date(); ?>
So there is a code that displays last updated date but it’s hidden front end and backend – not users, me or Google picks up the updated date.
I am trying to understand why it’s hidden and how can I enabled it.
thank you.
Hey alexwb,
The last updated date should exist in the markup – you can force it to display with the following CSS:
.single .meta-date:not(.updated) {
display: none!important;
}
.single .updated.rich-snippet-hidden {
display: inline-block!important;
}
I’ve noted to add a theme option in the upcoming release to toggle which date to publicly display on posts.
Cheers
Any documentation on how to customize blog/recent posts element to pull from new taxonomies?
Hey theoceanagency,
The next update will be including a custom query option directly into the “post grid” element, If you’d like to get on the beta list, please reach out via the contact form on my author page https://themeforest.net/user/themenectar
Which file do I need to edit to make Clients Display URL open in target=_self ?
Hey mousemediainteractive,
The file is located at wp-content/plugins/salient-core/includes/vc_templates/client.php
I’ve also noted to add that option into the next release.
Cheers
Good day theme nectar,
I was making use of the theme, and realized that when running google page speed test, the mobile scores are low. Is their any way of improving the google page speeds score?
Hey aglet,
You need to enable CSS/JS minification on your site. You can use a plugin such as https://wordpress.org/plugins/autoptimize/ or https://wordpress.org/plugins/w3-total-cache/ to do so.
The next release will also be including a global lazy loading option for images, which will further increase the mobile score. If you’d like early access, please reach out via the contact form on my author page https://themeforest.net/user/themenectar
Cheers
Hi guys!
1. I want to resize the font of the Off Canvas Menu, I use this code: @media only screen and (max-width: 1500px) { #slide-out-widget-area .inner .off-canvas-menu-container li a { font-size: 25px!important; line-height: 15px!important; } } but the sub items of the menu now have the same font of the principal items… how can I resize it?
2. and where/how Can I resize the font of the sub menu item?
3. unsing this menu: http://themenectar.com/demo/salient-freelance-portfolio/ is possible to have a different Menu Item Style in a voice called “Shop”... something like this “Purchase” item: http://themenectar.com/promo/#demos ? Can you help me?
4. unsing this menu: http://themenectar.com/demo/salient-freelance-portfolio/ is possible to have another menu on top of the pages like a Secondary Header Bar? How can I do this? can you help me? tnx!!!
Hey DieMan_!
1/2. The submenu font sizing for the off canvas menu will be different depending on the style/theme skin you’re using. Could you share your URL in regards?
3. That would be possible with CSS – once I can access your URL, I’d be glad to provide an example
4. Yes, you can still enable the secondary header navigation when using a menu style like that. The secondary menu can be selected in the Salient options panel > Header navigation > secondary header bar tab
Cheers
Right now is only on a test area, a local mamp server :/ can you try to help me anyway? p.s.: 4 ok, I selected in the Silent option panel the secondary header bar… but how can I assign there a menu?
4 update. if I use Header Layout Centered Menu Bottom Bar theme doesn’t appear in the secondary bar. If I use Centered Menu Alt is ok the secondary header bar menu, but the Off canvas Navigation Menu (icon) move to the middle of the page under the logo instead of staying in the top-right of the screen.
Hey DieMan_,
1. Try to use the following:
body #slide-out-widget-area .inner .off-canvas-menu-container li li a {
font-size: 12px!important;
}
2. The secondary menu bar will only display the content assigned to the field “Secondary Header Text” when using the “Centered Menu Bottom Bar” layout. If you wish to add navigation items to that area, you would need to copy the file “salient/includes/partials/header/secondary-navigation.php” into your child theme to make the modification
I experience iconsmind icons to load extremely slow in Salient when I want to browse the iconsmind collection in Salient. I also noticed it has a massive impact on gtmetrix and other measurements. I.e. your own example with Bentley Martinez on your store front here on themeforest. It took almost a second to process in GTMetrix. Is the Iconsmind library that massive?
Besides that, I’m a content user of Salient.
Hey tceriksen79,
1. In regard to the page builder – Have you updated to v12 of Salient and also updated the Salient Core plugin? All the icon libraries are now paginated in the page builder, which corrects the long loading issue.
2. We’ve included the SVG versions of the icons so that they can load individually if desired. To make use of that, you just need to unzip the folder titled “icons.zip” in salient/css/fonts/svg-iconsmind
Cheers
Hey there, I have a carousel with single testimonials in it. It’s using Flickity with basic testimonials right now. I am trying to decrease the gap between the top of the carousel and the bottom of an element I have above it, as well as the gap between the bottom of the testimonial and the pagination, but I can’t figure out how. Could you please help?
Hey skucenski,
add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
.nectar-flickity.nectar-carousel.nectar-carousel:not(.masonry) .flickity-viewport {
margin: 20px 0 30px 0!important;
}
If that doesn’t adjust it how you need it, please share your URL in regards.
Cheers
Is there any way to have an mp4 movie as a Custom Thumbnail Image for a portfolio item?
Hey Mindthemix, unfortunately there’s no built in functionality for that. However, when using the custom thumbnail upload instead of the regular featured image, you can provide an animated gif image.
Thanks so much for the prompt reply as always! I’m already using animated GIF but the mp4 is way smaller than the GIF for this specific animation.
Adding in video support as of now would require custom development. However, I’ve noted your +1
for the idea on the wishlist 
Hi. Please see here: https://www.alluvia.co.za/live/ – There remains responsive issues on an Iphone X and Galaxy S5 – the other tablets are correct. The issue is that above and below the home page nectar slider it creates a space (grey) that should not be there. Also on the row below that the background image displays incorrectly in height and if you hide the image on mobile (which I did) the row still creates a white space where the row is situated and you can’t hide the entire row. Why? I ‘fixed’ it by making the row background same black as slider row… not ideal!
Hey gustav939,
1. Edit the row which is holding the Nectar Slider and turn off the option for “full height row”. The Nectar Slider element also has the option enabled “fullscreen slider” and it will take care of those calculations.
2. Hiding the background layer on mobile devices will not remove the entire row. The row is still getting space from the top/bottom padding which is set on it. You can remove that for mobile only like so: https://ibb.co/18mxtRW
Cheers
Is there any way to get Salient working with WC Builder from HasThemes? It apparently works with WP Bakery, but does not recognise that WP bakery is installed. Even though I know WP bakery is installed with Salient.
Hey onefunction,
That plugin might not be seeing WPBakery active since the Salient specific version has a different folder name i.e. js_composer_salient instead of js_composer.
Are the elements which it adds in also not showing in the page builder interface?
Hi, Is there a way to make the secondary header sticky / fixed so that it does not disappear on scroll? Thanks
Hey jackcweston,
That functionality will be the default if you change the “Theme Skin” to “original” in the Salient options panel > general settings tab.
If you want to keep the material theme skin, you can alternatively add this in the custom css box in the Salient options panel > general settings > css/script related tab
#header-outer {
transform: none!important;
}
Cheers
Thanks this worked great
Glad I could help jackcweston :)