38352 comments found.
What a update! I love it!!! Over & Out
❤️
Congrats on the new release! What a banger – beautiful work in every way.
Is there a way to use the glowing animated background in the off-screen / mobile menu?
Hey ND81, thanks a lot!
As of now it’s limited to row backgrounds within the page builder, however, we’ll likely bring it into another areas 
Cheers
Amazing! Would be very cool 
Also, just wondering – is it possible to set Nectar Slider (via WP Bakery) to Skip Lazy Load? It doesn’t appear to be an option
Hey ND81, The slide images should only use the lazy loading functionality if you have the “Image Loading” option Set to “lazy load” in the element settings: https://ibb.co/fSkYQZP
Kind regards
Thanks, got ya – I do note that other elements have the skip available though. Most things are great to have lazy load for, so the global setting is great, but turning off for some items (like an opening slideshow), even at the expense of performance, can be good
WOW, WOW, WOW!! It is amazing, LOVE the Salient 15. Thank you so much!
How can I edit numbers such as +20%, +131, or 145% on the LottieFiles? Please advise.
Hey frankapp, I’m so glad to hear you like it! 
Lottie animations can only be edited from After Effects, if you’re trying to alter the content within them — altering the colors of Lottie files is pretty easily done online though. That being said, there are thousands of free Lottie files you can get from to use for your site on lottiefiles, so you might not feel to need to create your own!
I’ve created a short tutorial on the basics of Lottie files here and will be expanding it in the near future to cover the creation of custom Lottie elements. In the meantime, you can find many good video tutorials covering that on YouTube — here’s an example.
Cheers!
omg the new demo is: i n c r e d i b l e . bravo.. bravo.
Thanks basilroland — It’s definitely been a labor of love!
Cheers
it is bold as webdesign should be these days. but if i may.. you should start your transition on the elementor side of the force for the next update. no need to retrofit but. you know. be one of the good guys.
Hey basilroland, thanks for the request 
Cheers
Thank you very much for the latest update! 
I have a little problem with the “eCommerce Robust” Demo. It seems to stuck at 99%. After waiting longer I’ve done a reload of the url and there was almost everything there… but not all. Then i tried to “re-import” the Demo and unfortunately it seems that there is now a mix of two demo installations.
Is there an option to delete the demos and to try it again? Or do i have to delete the whole Database? (I use a new Database with PHP version 8 and new Wordpress version 6)
Are you able to tell me how much time the “eCommerce Robust” demo need to upload? Maybe I should have just waited longer.
Thank you in advance!
ok, i’ve found the “WP Reset” plugin. But the new “eCommerce Robust” demo installation seems also not go over 99%
Hey Lunamoon341 
It can take about 1-2 minutes depending on your server – it’s the longest import of all the demos due to the large image set that comes with it. Could you kindly open a ticket on the support forum in regards so that I can take a closer look at your setup to assist?
Cheers
Congrats Phil on another outstanding release! So impressed with your creativity and attention to detail. Thanks as always!
Thanks so much for the kind words, Joe! It means a lot 
The new release is WOW! 
❤️
Thank you guys so much for version 15! It looks awesome!
I’m glad you dig it, mikedubs — it’s been in the works for a while! 
Cheers
Hello Salient team, I was wondering if by any chance it would be possible to inject a “div” with a subtitle (h2) just after the logo, using the theme function maybe? Where could I find a code or an example? Thank you!
Hey sottise!
Yes, you can use a the “nectar_hook_before_logo” action for that. An example that you could add to your child theme functions.php file would look like: https://pastebin.com/URNQKidn
You’ll still need to use CSS to style/position it correctly.
#header-outer .row .col.span_3 {
display: flex;
flex-direction: column-reverse;
}
Kind regards 
Aww! thanks so much, it works like a charm! 
And thanks for the amazing Salient update btw! I totally love this 15th version. Always impressed by all the new options you bring. <3
You’re very welcome, and thanks for the kind words sottise 
Cheers
Hi Salient team. I can’t seem to find accurate answers to a yet easy (I think) question: See, I have my site built with Salient since a few years ago. Recently made the update to the latest version using child theme. Now, I want to tweak it further by changing the skin/demo.
I know the demo will import via the usual update menus but I’d like to know if the site will just “magically” transform into the new skin or if otherwise will it be a mess and will have to re-arrange everything from image sizes to links, custom CSS codes, hierarchies, menus, effects, etc.?
Would it be –maybe– far easier and more on point to redesign all the site from scratch or may I go straightforward and hope the skin/demo update will do its “magic”, fingers crossed for the site not to break entirely?
Please advise, I pretty much love Salient and can¡t wait to design with the new features! Thank you so much!
Hey juandoscuartos,
All of the theme settings will be updated to match the demo that you’re importing, so be sure to backup your current theme settings if you need them. If you’re storing your custom CSS within the theme options panel, you’ll need to copy it back in after importing a demo. However, if you have it in a child theme, it will persist. After importing a demo, you’ll also have the new content imported to your site (pages/media/menus) associated with the demo.
It’s ultimately up to you if you’d prefer to start from scratch, but it’s probably not needed.
Kind regards,
Hi, since updating WooCommerce the ‘Show first gallery image on Product hover’ stopped working – the first gallery image under the main image is not zooming to fill the size of the container – to see the problem please hover over George Nelson Style Large Slatted Platform Wood Bench – on products page https://20thcenturyclassics.co.uk/vintage-furniture/
What is odd is that this happens only with newly uploaded images – if I use one from Media Library there is no problem. I have re-Smushed the images, turned off and on Smush and cleared my browsers, etc. I have Lazy Load Page Builder Element Images turned off in Salient but Lazy Load turned on in Smush.
Any suggestions? Regards
Hey b1b,
WooCommerce might have stopped providing the main product image size as a default available size for gallery images – I’ve noted the include the fix for that in the upcoming release. You can correct it on your end by adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:
.woocommerce ul.products li.product .product-wrap img.hover-gallery-image {
object-fit: cover;
height: 100%;
}
Kind regards,
Hi, thanks but it’s not working very well because the fixed height is not self correcting with the changing container’s size. It’s overlapping the container on some pages and it’s still too small on others. Have a look: https://20thcenturyclassics.co.uk/new-stock/ or https://20thcenturyclassics.co.uk
Regards
PS I added width: 100% but that just causes 100% cover of the container including the description and price below.
.woocommerce ul.products li.product .product-wrap img.hover-gallery-image { object-fit: cover; height: 100%; width: 100%; }
Hey b1b, can you try updating to the latest version of Salient? I’ve included a fix for this.
Kind regards
Thank you! You are the best! 
Glad to help, b1b 
Cheers
Hi, since the update the font sizes on Toggle shortcodes have gone wild. Not sure which typography setting will make them a smaller size again – https://20thcenturyclassics.co.uk/product/acme-1950s-retro-style-chrome-dinette-set/
These toggles are in Product Short Description section of woocommerce product page where I can’t use composer.
Thanks
PS The new update ROCKS!
Hey b1b, I’m happy to hear you’re enjoying v15 
This issue should be resolved in v15.0.1
Cheers
PS – That fix you did for Show first gallery image on Product hover – only works in Chrome. Firefox and Safari are unresponsive. 
PS I’ve updated to 15.0.1 and both problems are still here – toggle and hover issues.
Hey b1b,
1. It appears the specifically the Material product style will need one additional rule to allow it to show the hover images in FF/Safari. You can add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:
.woocommerce ul.products li.product .product-wrap > a {
display: block;
}
2. How are you adding those toggles to the short description? The fix in 15.0.1 will only generate the dynamic styling related to elements placed in that section if the shortcodes are present directly in the editor like: https://ibb.co/jM6y64L
If you’re instead adding the toggles via an action in your child theme, you’ll also need to add in the following snippet to your child functions.php file: https://pastebin.com/CWDP6Xk4
Alternatively, you could also add in the following CSS snippet:
.toggle > h3.toggle-title a {
font-size: 14px;
line-height: 1;
}
Kind regards,
Hi ThemeNectar,
Please visit the following link: https://neileverosborne.com/about
I am trying to make the overall width of my website smaller on laptops and tablets to increase the amount of white space on the left and right side of the copy section. Any advice you could offer would be greatly appreciated. Many thanks.
Best, Alan
Hey Alan,
Add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:
@media only screen and (min-width: 1000px) and (max-width: 1500px) {
body .container {
padding: 0 100px;
}
}
Cheers
Awesome! Works perfectly. Thank you very much for the help.
You’re very welcome, Alan 
Cheers
Hi there,
I would like to add an icon (phone icon) in my secondary header. Would that be possible? See here: https://lionettekleijnen.com/
Hey Abbenhues,
You can use the Salient menu options to add an icon next to any of your header menu links: https://themenectar.com/docs/salient/salient-menu-options/
Kind regards,
Is it possible to add and option to add to cart from the main shop page on mobile – currently, I can only see that it is possible on browser. Thanks
Hey AletalkProductions,
It would be possible to reveal that button with CSS. Could you kindly share your URL so that I can take a look at your current project style settings to provide a tailored snippet?
Thanks in advance
Sure, it’s on the following page: https://truestorybrewing.com/craft-beer-shop/
Thanks
Hey AletalkProductions,
Add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab: https://pastebin.com/Pbzr1XtsCheers
Thanks – I’ve added the code, but it still doesn’t seem to have the add to cart option on the main shop page – apologies if there is something I’m missing.
Hey, i’m not seeing the code as active on the page currently for some reason. Could you please reach out via the contact form on my author page in regards so that I can take a quick look at the backend?
Hello. I am using the code below to make the product title clickable on a shop page. I believe this is from the Salient documentation. When I look in my error log it gives a warning that $product_id is undefined. Would there be a better way to code this?
Full code: //overwrite product title loop and include url function woocommerce_template_loop_product_title() { $loop_title_link= get_permalink($product_id); echo ‘
’ . get_the_title() . ‘
’. ‘’; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped }Full error: 2022/08/12 00:26:03 [error] 28064#28064: *3941092 FastCGI sent in stderr: “PHP message: PHP Warning: Undefined variable $product_id in /mnt/env/website/production/public_html/wp-content/themes/salient-child/functions.php on line 339PHP message: PHP Warning: Undefined variable $product_id in /mnt/env/website/production/public_html/wp-content/themes/salient-child/functions.php on line 339” while reading response header from upstream, client: 207.46.13.
Hey dzineee,
Can you link where you’ve seen that snippet in the documentation? It appears that it’s incomplete, as $product_id is not defined – instead of using
$loop_title_link = get_permalink($product_id);
You should be able to just use:
$loop_title_link = get_the_permalink();
Kind regards,
Thank you so much for your support. I am not 100% sure where I got this code. I believe it was from Salient Support but I might be mistaken. Am I correct the full code should be: (not sure how I can add those code blocks like you have in your reply)
function woocommerce_template_loop_product_title() { $loop_title_link = get_the_permalink(); echo ‘
’ . get_the_title() . ‘
’. ‘’; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped }Hey dzineee,
Can you try pasting your code into here so that I can fully read it all https://pastebin.com/
Thanks in advance
Thanks dzineee — yes, the code looks good.
Kind regards
hi, any idea why is not showing the top video on mobile devices? https://gastromallorca.net/enfy/ the Disable Video Backgrounds On Mobile Devices is disabled
Hey dimage,
I’m currently seeing the video BG play on mobile when testing on an iPhone 13 / Galaxy 22
https://ibb.co/Jp2tScV https://ibb.co/HKPShLCHave you verified that you don’t have a power savings mode active on your device? Battery / Data savings mode will generally prevent video playback.
Kind regards,
it was that, thanks.
You’re welcome, dimage 
Hi, I am using the header layout Menu Bottom Bar and I would like the navigation part ONLY to stay sticky on desktop, just like this website https://www.costikyan.com/ when you scroll down the logo folds and the navigation is only sticky. Can you please provide a CSS or a function.php rule to achieve this?
Hey toolbox101,
In the Salient options panel > header navigation > animations effects tab, enable he “Condense Header On Scroll” option. If you wish to remove the logo from the view of the sticky header, you can add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:
#header-outer.fixed-menu #top #logo img {
opacity: 0;
}
Hi ThemeNectar,
A couple questions hoping you would be able to help me out with.
1. On the page below for mobile devices it happens that when you want to view the image larger it requires a “double click”. Do you know how to make that a “single click”?
2. I have created a image grid with a hover state and button. I am trying to change the copy on the “More Details” button to “View Portfolio”. Can you point me in the right direction?
Many thanks and appreciate the help.
Best, Alan
Hey Alan,
1. Can you kindly share the URL associated with what you’re referring to?
2. That string could be translated via your desired translation plugin. The string is located in the “salient-portfolio” text domain.
Kind regards,
Thank you for the quick reply, I really appreciate.
1. It appears to happen on most of the pages that have an image grid or portfolio gird. Below are two URLs to try.
Portfolio grid: https://neileverosborne.com/photojournalism/editorial-magazines Image grid: https://neileverosborne.com/photojournalism/editorial/smithsonian-offshore-wind-america
2. Do you have any recommended translation plugins that I should install that work well with Salient? If I don’t plugin can I alter the code within the “salient-portfolio” text domain? Can I alter the text within a JS file?
Best, Alan
Hey Alan,
1. add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:
@media only screen and (max-width: 1000px) {
.portfolio-items .col .work-info .vert-center *,
.portfolio-items .col .work-info .vert-center {
transition: none!important;
}
}
2. You can use the plugin Say What – it’s a minimal free translation plugin:
https://themenectar.com/docs/salient/translations/#translatingKind regards,
Hi ThemeNectar,
Thank you again for the quick reply, I really appreciate it.
1. I added the code you provide above into my Child CSS and into the Salient General CSS settings and it doesn’t appear to work for my portfolio pages that have an “Image Grid” on them as you can see here: https://neileverosborne.com/photojournalism/editorial/smithsonian-offshore-wind-america
Any ideas on how to fix that as I would like it to only be a single click. Thanks.
2. Thank you.
Best, Alan
Hey Alan, Here’s one more snippet you can try:
.portfolio-items .col .work-item .work-info a {
transition: none;
}
Kind regards,
General question: I’m supposed to design a website for a music artist. Is your theme suitable for this requirement?
For example, they need: Discography List with covers and play buttons for the music…
Do you even have a music demo version?
Hey Lunamoon341,
The music demo we have is: https://themenectar.com/salient/band/
WordPress offers a built-in audio player element, but you could also add a third party plugin to add a more Complex player if needed for your specific requirements.
Kind regards,
Hi, I’m having a problem when trying to import the Ecommerce-Robust demo. It seems to get stuck somewhere around 40% without finishing the process. I have followed instructions to increase the max execution time / memory limit etc. all to no avail. Any ideas what could be causing this? I’m using the version of salient released last month. Absolutely love the theme btw!
Thanks in advance!
Hey AbzillaTheGreat! I’m glad to hear that you’ve bene enjoying the theme
The cause of the error should be getting logged in your PHP error log – it’s likely a timeout due to importing the images associated with the images. Of all the demos, the “eCommerce Robust” has the most images that get imported. Could you please let me know what appears to be missing from the import and also take a look at your error log to see if there are any relevant errors?
Kind regards
Thanks for your reply! I managed to get it working by doing the following: at the point in which the demo had appeared to stop uploading, I decided to import the other eCommerce demo (Ultimate) and after that had imported successfully, I was then able to import the eCommerce Robust demo successfully this time (for whatever reason).
On another note, could you please tell me where I can edit the site title link which appears in the header/navigation? This site is currently the subdomain of my main site you see, and I want to link to the main site’s homepage, but can’t find the relevant code to edit in header.php
Best Regards
Hey AbzillaTheGreat, I’m glad that you got it imported 
You can use the filter “nectar_logo_url” in your child theme to specify a custom location for the link.
Here’s an example you could add to your child functions.php
https://pastebin.com/NekPT3iPKind regards,
Thank you so much! Worked like a charm 
You guys really do go above and beyond!
Best Regards
You’re very welcome, AbzillaTheGreat 
Cheers!