38436 comments found.
Hi, I’m expecting a little problem with products when they are placed inside page builder in one page design- Product demo. So, In the woocommerce I can’t assign home page for shop page, when there is no assigned page in woocommerce options when you click on the link the link is there but it’s not working. You can see the example in shop.kopitoto.bg- sepecification section. You can see there the products and if you try to click you can’t go further. Can you give a hint what to do. When I assign the home page for shop page the one page design and the whole vision of the template crashes. Thanks a lot.
Hey g_ignatov,
Currently I have been able to navigate to your single product pages e.g. http://shop.kopitoto.bg/produkt/%d0%b1%d1%8a%d1%84-%d0%b2%d1%8a%d0%b6%d0%b5%d1%82%d0%b0/ Are you still expericing this issue?
Yes, but after navigation try to click on a product and you’ll see that the click is not working- anywhere- picture, price, buy. Also you will see that the link in the status bar of the browser is ok, and if you hit the right button – open in new tab it will be ok.
the problem was from the browser I suspect. Last month I’m working with waterfox. Sorry.
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