38355 comments found.
Another great update! Love the new image too… big dark blue!
The only thing I regret about Salient is not having discovered it before! It would have saved me a lot of trouble! A fantastic theme backed by an equally fantastic support team.
If you’re wondering if you should try it, my answer is YES!
Hey barreoblique, that’s very nice of you to say! It’s truly awesome to hear that Salient has made a positive impact on your life 
Cheers
How can I change the button text color in Woocommerce product page?
Hey dzulfriday, can you please share your URL so that I can take a look at your current settings to assist?
Thanks in advance,
this is the URL, for now I just use custom CSS, I thought Salient has like color pallete option like the Accent Color – bit.ly/3SSOuX1
Hey dzulfriday,
There’s no theme option to alter the text coloring of the WooCommerce buttons in the current release, but you can change them by adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab: https://pastebin.com/jg5A4DESKind regards,
Hi there—is there any way to hide the share functionality that floats up and down the page?
Hey JayCarver, You can remove that by disabling the Salient Social plugin.
Kind regards,
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;
}