38435 comments found.
Hello guys, when are you going to publish the new version of the theme, with new templates? All the best and thank you!
Hey sdoganati,
We’re expecting to release it later this month 
Cheers
Can’t wait, thank you!
You’re welcome sdoganati
Hi there, I know my support has ended but I have been trying for ages to see where the default image for the WooCommerce Shop header can be changed. I had a look at the source code and see that it’s being pulled from Unsplash. Would love some assistance on where it can be changed as there doesn’t seem to be anything on the backend.
Thank you!!
Hey SCOPEDigitalAgency,
You can use the page header metabox at the bottom of the edit page screen for whichever page is assigned as the “Shop” page from the WooCommerce plugin settings.
Cheers
Hello I really like your topic but I need to know if I can put a schedule of hours with the hours and classes that are done every week, is there a plugin?
this plugins i possible? Timetable Responsive Schedule For WordPress
Hey wowsrb,
I have not personally tested with that plugin, however if you encounter any issues just let me know.
Cheers
Is there any css styling for BARN2 media’s WooCommerce product tables plugin? Looks pretty old fashioned at the moment.
Hey MarcGarner,
We have not added any additional styling for that plugin.
Hey m8, on my website www.elitesportspt.de i want to show the Video NOT on smartphones. When i set the “Hide” checkbox in the Options it still appears on my iphone. Can u help me?
Best, Andi
Hey Andi,
Just to verify, you have enabled the option titled “Disable Video Backgrounds On Mobile Devices” in the Salient options panel > general settings > functionality tab? It currently looks like it’s off from the page source code. However in any case, to hide them with CSS – add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
.using-mobile-browser .nectar-video-bg {
display: none!important;
}
Cheers
Hey m8, thx for the reply. Yeah i disabled it now, but i still can see the full width row itself with a grey background, but i already have disabled it in the Responsive options in the row itself?! Best Andi
Hey Andi,
The option only removes the video BG layer and not the whole row. If you need to remove the row itself, add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
.using-mobile-browser .home .top-level {
display: none;
}
Cheers
Thx man, but row is still visible
Sorry there’s an extra space in that selector – it should be:
.using-mobile-browser.home .top-level {
display: none;
}
Please bro how can i remove the default sorting drop down from the woocommerce completely?
Hey TruBrotha,
add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
.woocommerce .woocommerce-ordering { display: none!important; }
Cheers
Hello. The nectar slider doesn’t display arrow navigation on mobile. How do I get them to show?
Hey woodsier,
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: 690px) {
body .swiper-container .slider-next, body .swiper-container .slider-prev {
display: block!important;
transform: scale(0.7);
}
}
Cheers
hello, thanks for the reply. I’ve tried that and it doens’t seem to work.
I should clarify, it works on a mobile-phone web browser. But not Chrome or Firefox on my iPhone. Do you know why?
Hey woodsier,
Have you tried to clear your browser cache on the device after inserting it?
Tried searching comments before I posted this question, but didn’t find an answer. In a single blog post page with no sidebar, where would I control the blog post container width? It’s just a little too wide and therefore makes for some long lines across the page.
Hey hollak,
add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
.post-area >article .content-inner {
max-width: 700px;
margin: 0 auto;
}
Cheers
You rock!
The product is outstanding to begin with, but throw amazing support and buyer service on top of that and there’s definitely a “wow” factor.
I appreciate you.
Can you work your magic one more time? I was hoping you could help me to recode the author’s bio to match the 700px width of the blog post above.
Thanks so much for the kinds words
It’s awesome to hear you’re enjoying everything!
In regards to the author bio, could you kindly share your URL so I can see your blog settings?
No problem. I’ve removed the coming soon status and made the site live for you to view.
http://JosephHollak.com and the sample blog post is found at http://josephhollak.com/talent/on-vacation/Is it possible to widen the Bio, and does the bio respond to < b r / > code to make it easier to read?
Thank you hollak You can use the following:
.ascend #author-bio img { margin-bottom: 0; }
.ascend .container-wrap #author-bio #author-info {
width: 100%!important;
white-space: pre-line;
}
Hi Guys,
I know it’s possible to hide the background image in a row on mobile devices, though is there a code I can use to hide the image when the screen size is smaller than a certain number of pixels?
I have a background image that looks great on larger computer screens, but not so great on small screens and I’d like to keep the image but remove it for the smaller screen sizes.
Thanks!
Hey cwayneboss,
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: 1200px) {
div[data-bg-mobile-hidden="true"] .row-bg {
background-image: none!important;
}
}
Cheers
Hi ThemeNectar,
I’m having trouble getting javascript to work in Salient. I’m trying to replicate this volume slider: https://codepen.io/emilcarlsson/pen/PPNLPy
The HTML5 and CSS parts seem to be working fine but the javascript isn’t.
I have tried the following:
1. Adding the javascript to the init.js file
2. Adding the javascript to a Raw JS element on the page
3. Adding the javascript to the new ‘Custom JS Code’ section in the Salient options
What am I doing wrong?
Thanks,
Hey marklovin, that javascript is using jQuery so it would have to load after that. It’s also relying on the “slider” element which is apart of jQuery UI and is not loaded by WordPress by default on the frontend.
Cheers
Hi, Why can’t I see the checkout and success pages in the e-commerce ultimate demo? Thanks!
Hey apinzon,
this is what the checkout page looks like: https://ibb.co/Zgpwn2t could you kindly let me know what you’re seeing when you attempt to go to that page?
Thanks in advance
I’m adding lazy load images to my site and I’m using A3 Lazy Load plugin (which works wonderfully with Salient, for anyone who’s interested). However… it has a little problem with WooCommerce:
If I use your WooCommerce products shortcode on a page, the lazy load works perfectly: https://tinyurl.com/yy4m8yg5 you can see on my homepage.
But if I go to the Shop or products archive pages, the lazy load doesnt work. The plugin doesn’t add the “lazy-hidden” class to the product images: https://tinyurl.com/yyqpny85
Is there a difference between the output of the shortcode and of the archive pages? I couldn’t spot one. If I just added class=”lazy-hidden” manually to the archive page product images it would work… I couldn’t see how to that easily? I’m looking in /helpers/woocommerce.php … any ideas?
I see lots of people looking for a lazy load option here, with this tweak A3 Lazy Load becomes a great solution for Salient.
Hey Sean
That’s strange since the same function should be getting called for both locations and the image is being grabbed via the same WooCommerce function (woocommerce_get_product_thumbnail)
I would need to do further testing with the plugin regards to see why it would be missing the archives.
That would be wonderful if you were interested in testing it further. A3 Lazy Load is the only lazy load plugin I have found (and I tried a lot!) that works with your portfolio / blog layout. So apart from the WooCommerce archives pages it works seamlessly out of the box with Salient… and I know a lot of people are looking for lazy load plugins in these comments.
Thanks!
Hey Sean, I’ve noted it on the wishlist
I am able to get lazy load for WooCommerce archives working by changing this:
echo woocommerce_get_product_thumbnail() . $product_second_image;
to this:
echo the_post_thumbnail('shop_catalog' ) . $product_second_image;
in /nectar/helpers/woocommerce.php
Not sure if it’s the most elegant solution but it seems to work with A3 Lazy Load !! yay.
Thanks for sharing Sean
Hey alisonleon,
add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
.grecaptcha-badge {
display: none!important;
}
Hi again, i am searching for a simple thing how can i use own styles in the paragraph section of the editor? thanks for your help
Hey haoe, can you elaborate further on what you’re trying to alter and also let me know if you’re using the WPBakery page builder or Gutenberg?
Thanks
I have two problems. When I share my site on Instagram the preview text is pulled from somewhere unknown on the site. Also the share button on my site doesn’t work! Please help.
Hey Brittneylewis, please share your URL in regards so that I can take a look.
Thanks in advance
brittneylew.com
-> the subpages (brittneylew.com/portfolio/photography/) I don’t know how to get the share button to work, or remove it.
Also if I send my website and on Instagram saying something like “Brittneylew.com go check it out” or anything after my site name it bring up a site type description that I assumed was part of the theme. However I don’t know how to get rid of the text or update it to my words. I have an image for reference.
Hey Brittneylewis,
1. Which social services do you have activated in the plugin settings? http://themenectar.com/docs/salient/salient-social-plugin/ You can also disable the social button by deactivating the plugin “Salient Social”.
2. I’m currently seeing the description set to “Photography is one of the fastest mediums of artwork. There is only a moment to capture an image of a lifetime–make it count.”. Can you verify which social media sites you’re seeing something else when adding the link on?
Hello,
Thank you! I thought by deselecting them I wouldn’t have it show up—I got it removed now.
My second question was this random text I’m finding when I send a link to my website—in the picture attached:
https://brittneylew.com/wp-content/uploads/2019/07/65157166_2036343319802856_252627596938838016_n.jpgThe image attached has this description “Travel getting tickets to the big show…” I want that gone and I cannot see where it is placed at. Please advise!
Hey Brittneylewis, I’m not seeing that text appear anywhere in the page source code. However, since you don’t explicitly have a description tag setup yet, please install an SEO plugin such as Yoast to add one: https://yoast.com/wordpress/plugins/seo/
Thanks, that worked like a gem!
Glad I could help Brittneylewis
Hi, I want to make the dropdown background color with transparency, can you please share the custom css to archive this, thanks!
Hey robRazor
add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
body:not([data-header-format="left-header"]) #top .sf-menu li ul {
background-color: rgba(0,0,0,0.5)!important;
}
Hello, is there a way to change the logo URL used by the theme to an external URL?
Hey csandstedt,
this would require modding the “nectar_logo_output” function, which is located in the nectar/helpers/header.php file. You can copy it into your child theme as well to keep the change persistent through future updates.
I’ve contacted my hosting company and they said that this is not part of the child theme. How do I get this file into the child theme?
Hey csandstedt, the nectar_logo_output is a function that exists in the file I listed above (i.e. nectar/helpers/header.php) The function itself needs to be copied from that file into a child theme functions.php
Since updating the theme some of my text elements have had their alignment altered. See the 2 left hand coloured boxes on this page, they should be like the one on the right -https://www.foodieflavours.com/shop/flavours/natural-flavouring/natural-aniseed-flavouring/
The has happened on all of my product pages. Is there a was of changing it without having to go through each individual page?
Hey MarcGarner, you could use the following:
.single-product .wpb_text_column ul li {
text-align: left;
}
Hi ThemeNectar,
I am trying to add a ‘Hover Effect’ similar to what is seen here: https://neileverosborne.com/art/home/the-photographs
to single images found on the homepage: https://neileverosborne.com
The following snippet of code below has been added but only appears to give a white effect.
.center img.img-with-animation:hover { opacity: 0.3; }
Is it possible to change the colour?
Many thanks.
Best, Alan
Hey Alan,
add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
.img-with-aniamtion-wrap a {
display: block;
position: relative;
}
.vc_col-sm-4 .center.img-with-aniamtion-wrap a:after {
position: absolute;
display: block;
z-index: 100;
background-color: #C3AB73;
opacity: 0;
content: '';
height: 100%;
width: 100%;
transition: all 0.2s ease;
top: 0;
left: 0;
}
.center.img-with-aniamtion-wrap a:hover:after {
opacity: 0.7;
}
Cheers
Is there a way to set up a page on the website to have a special link where if you click that link it doesnt have the header and navigation on the top? I want to make a regular page on the site also a landing page but would like to make a special link for that page so that if someone clicks on the special link that page doesnt have the header. But the page does have the header if you are just on the site as normal.
And is there a way I can setup dynamic keyword insertion on a page?
Hey kukennedy,
1. Salient offers a page template called “No Header” which you can assign to any page: https://ibb.co/ydSYZrG
2. That would require the use of a plugin
Cheers
Which plugin would you recommend for wpbakery since thats what yourtheme comes with?
Hey kukennedy, are you referring to dynamic keywords to be used in an ad you’re making for a page using google adwords?
NVM I found a plugin. WHat plugin would you recommend for making a button into a lightbox with an html form from jotform?
Hey kukennedy, we’ve tested popup maker to ensure compatibility: https://wordpress.org/plugins/popup-maker/
I tried it and am having trouble. I am confused on your relationship with WPbakery but they have an extension that has this capability and also has a template feature I really want. How does this work with salient since we already have WP bakery: https://wpbakery.com/addons/tekanewa-visual-composer-extension/
Hey kukennedy,
Salient provides a modified version of the WPbakery page builder to accommodate the custom editing functionality. Some plugins may not work depending on what functionality they’re extending, however a plugin which is only adding elements such as the one you’ve listed should work.
It says compatible with (WPBakery Page Builder 5.1.x – 5.7.x). Is that what we have?
Yes, the Salient WPBakery version is 5.7
So we had an error, from the plugin:
The site using the template is currently showing a critical JS error (see browser console via F12) ...
TypeError: $that.carouFredSel is not a function
... which is coming from your theme, and preventing the various sliders on the page from initializing and most likely also blocking other subsequent JS routines from other scripts.
Here is the page: https://www.richie84.com/youth-motivational-speaker/
Also: https://www.richie84.com/template-test/
We have been trying to get this done for over two weeks now. Everyone says its everyone else’s plugin or theme. Please whatever you do do not blame it on the plugin. I am so exhausted by going back and forth because everyone blames the issue on something or someone else. Please instead of blaming can we just come up with a solution? I am using SG optimizer and turned off anything that had to do with javascript and still didn’t work.
Hey kukennedy, does that error only occur when using the plugin elements? It appears to not be occurring on your landing page, Either way, in order to troubleshoot that I would need access to your site. Do you have a ticket open already? If not, you can also reach out via the contact form on my author page https://themeforest.net/user/themenectar
It occurs when using the template only and not on the regular theme. I really need this functionality. I messaged you the username and password. Thank you.
Hello, did the get the loggin?
Hey kukennedy, yes I received your email. Because Salient uses logic to scan the page content for elements in order to only load scripts when needed, you’ll need to manually enqueue some of the assets when the page content is obscured through a templating system. A quick way to do so would be to activate the Salient child theme and add this snippet into the child functions.php file:
https://pastebin.com/f5f0NpjZHow do I do that? Are there instructions?
Hey kukennedy, Salient includes a child theme with the main download. All you’ll need to do is upload that and activate it. The snippet I provided above can then be added into the included functions.php file within in it.
Ok, I made a subdomain with the child theme and added the code. Still having the same issue but looks a little different: http://test.richie84.com/template-test/
I didn’t change the login so if you want to have a look?
I think the challenge is some are a full content background and a full background.
Is there a solution please?
Did you still have the logins?
Hey kukennedy, I can see that the script is still not being loaded on your URL, however I just verified that the same snippet does load it in when added to a child theme locally. I’ll need to log back into the test URL to dig deeper – I’ll update you in regards soon
add_action( 'wp_enqueue_scripts', 'nectar_child_js');to
add_action( 'wp_enqueue_scripts', 'nectar_child_js', 100);
Ok, it is working much better but as you can see there are 3 sections that the page sttill isnt working properly becayse the pictures arent going the full width of the page and are cut off?
It looks as though it is set to container but it is set to full width background.
Everything else still seems to be working much better. Thanks.
Hey kukennedy,
That’s occuring because the template system is wrapping all of the rows in an extra container div and thus preventing the default Salient functionality. You can fix it by adding this into the custom css box located in the Salient options panel > general settings > css/script related tab:
.vc_column-inner > .wpb_wrapper > .wpb_row.full-width-section > .row-bg-wrap {
margin-left: -50vw;
left: 50%;
width: 100vw;
}
