38438 comments found.
HI, My homepage’s background video is not showing up on Internet explorer and the replacement image is also not show up. How to fix this? Thank you
http://kisswithoutlipsproductions.com/Hey – please run your mp4 file through this converter: http://video.online-convert.com/convert-to-mp4
Are you able to use the anchor links on the home page and then have the header point to other pages on all the other pages? Having an issue with this now on my site. www.freshstart.church. Thanks.
Hey shorefellowship, please see my comment back to your other comment in regards 
Hey, I was wondering if there was a way to make the menu links go the home page when clicked in a different page while using the single page mode?
Example:
My project here is a single page store but when you click to go in and look at the product you’re stuck there unless you use the back button.
Main page:
http://intlwellness.comProduct page (notice the menu ins’t clickable here)
http://intlwellness.com/product/black-seed-anti-wrinkle-cream/Thanks!
Hey thomasmkl,
Make sure you use the full URL such as “http://domain.com/#anchor” rather than just ”#anchor” 
Cheers
Hey ferkehl,
can you please share your URL in regards so I can see why your order is different?
Cheers
Hello, is it possible to arrange the products list in chronological order instead of alphabetical?
Thanks
Hey,
Try using this plugin in regards https://wordpress.org/plugins/intuitive-custom-post-order/
Cheers
Hello,
Instead of having the recent post short code display the 4 post in 1/4 horizontally. I would like to have it display 4 post verticall so
post post postnot post| post| Post
If there is a quick solution to this please inform
Thanks
Hey jbp2008,
In current releases you can choose the column number for the recent post element – if you chose 1 column this would work
Cheers
I still love this theme but there’s been a lot of weird things happening since the update. Pages with black header titles that I can’t revert back to white. Some weird changes to formatting here and there that seems to bounce back whenever I save them.
...
Hey,
Can you please share a URL showing the issue so I can take a look?
Cheers
for page header settings…how do i put a transparent black background behind the page header title?
Hey,
Add this into the custom css box in the Salient options panel:
#page-header-bg h1, #page-header-bg .subheader {
display: inline-block!important;
background: none repeat scroll right -53px rgba(0, 0, 0, 0.5)!important;
box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5)!important;
-moz-box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5)!important;
-webkit-box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5)!important;
}
Cheers
how do i change the height of a nectar slider (video) for mobile. i don’t mind the video or image being cropped.
Hey,
When using the flexible height option there’s another input field that will show up for minimum height – whatever you enter in there will effect how small the slider can get on mobile devices 
Cheers
great thanks!
how do i set the font size for mobile in that same hero?
Add this into the custom css box located in your Salient Options panel:
@media only screen and (max-width: 1000px) {
body .nectar-slider-wrap[data-full-width="true"][data-fullscreen="false"] .swiper-slide .content h2, body .nectar-slider-wrap[data-full-width="boxed-full-width"][data-fullscreen="false"] body .swiper-slide .content h2, body .full-width-content .vc_span12 .nectar-slider-wrap[data-fullscreen="false"] .swiper-slide .content h2 {
font-size: 35.5px !important;
line-height: 45.7px !important;
}
body .nectar-slider-wrap[data-full-width="true"][data-fullscreen="false"] .swiper-slide .content p, body .nectar-slider-wrap[data-full-width="boxed-full-width"][data-fullscreen="false"] body .swiper-slide .content p, body .full-width-content .vc_span12 .nectar-slider-wrap[data-fullscreen="false"] .swiper-slide .content p {
font-size: 25.5px !important;
line-height: 35.7px !important;
}
}
Hey there, is there any possibility to modify the dimensions of the width (100%, 90%, pixelvalues) of the layout, including ratio of main content to sidebar (75%/25% e.g.)? thanks
Hey – if you’re using the ext responsive design option, add this into the custom css box located in your Salient Options panel:
.container, .woocommerce-tabs .full-width-content .tab-container {
width: 90%!important;
}
Thank you. Any plans to add this to the panel in a future release?
It’s an item on the wishlist 
Hey ThemeNectar!
Two more WooCommerce questions:
1. I’m trying to change the text on the ‘Add To Cart’ button. I have this in my child theme’s functions.php:
add_filter( 'woocommerce_product_single_add_to_cart_text', 'woo_custom_cart_button_text' ); // 2.1 +
function woo_custom_cart_button_text() {
return __( 'My Button Text', 'woocommerce' );
}
add_filter( 'woocommerce_product_add_to_cart_text', 'woo_archive_custom_cart_button_text' ); // 2.1 +
function woo_archive_custom_cart_button_text() {
return __( 'My Button Text', 'woocommerce' );
}
...but that won’t change the text. Even some plugins that should change the label don’t seem to work. Any hints?
2. I’m trying to style the info- error- and message-bars in my child theme’s style.css like this:
.woocommerce-message, .woocommerce-error, .woocommerce-info {
/* custom css here */
}
...but again, nothing I try seems to have any effect. Am I overlooking something?
Thanks in advance, again 
Hey again,
1. Hm – Salient doesn’t write that text directly but instead uses the standard woocommerce template file : woocommerce_get_template( ‘loop/add-to-cart.php’ ) – have you tried that code with another theme to verify it works?
2. Perhaps it’s because you weren’t using !Important? This should work:
html .woocommerce .woocommerce-message, html .woocommerce .woocommerce-error, html .woocommerce .woocommerce-info {
background-color: #000!important;
}
Hi ThemeNectar,
1. Thanks for the tip, I’ll look into it & keep ya posted!
2. Awesome, problem solved 
Thanks for rocking!
Cheers 
I don’t need a menu for my site (is just a landing page right now), but if I don’t create one it shows a “No menu assigned!” sign next to the logo in my header. Is there any way to totally hide the top menu? Thanks!
Hey – add this into the custom css box located in your Salient Options panel:
header#top nav > ul {
display: none!important;
}
Cheers!
Thank you, that worked! Just one more question: I’m using the Centered Menu Alt header version to have my logo centered, but on smaller screens (mobile size) the logo goes left. Is there any way to keep it centered on all screen sizes? Thanks for your help!
Hey – could you kindly share your URL since the logo should still be centered in mobile when using that?
Cheers
Hi Nectar,
before updating Version 5.0 to 5.5.3 I just want to know, wether my Custom CSS will work together:
header#top nav > ul > li > a {
padding: 0px 10px 0px 10px;
display: block;
color: #676767;
font-size: 14px;
line-height: 20px;
-webkit-transition: color 0.1s linear;
-moz-transition: color 0.1s linear;
-o-transition: color 0.1s linear;
transition: color 0.1s linear;
}
header#top .sf-menu li ul li a {
font-size: 14px;
line-height: 14px;
color: #ccc;
transition: none;
letter-spacing: 0;
background-color: #1C1C1C;
}
.slide-out-widget-area-toggle i.lines-button.x2:before {
font-family: 'icomoon'!important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
content: "\e002";
color: #f6653c !important;
font-size: 20px
}
.slide-out-widget-area-toggle i.lines-button.x2 i.lines {
display: none !important;
}
h1,h2,h3,h4,h5,h6 {
color: #6c6c6c;
letter-spacing: -0.5px;
font-weight: normal;
-webkit-font-smoothing: antialiased;
font-family: 'OpenSansSemiBold';
}
body {
font-size: 14px;
-webkit-font-smoothing: antialiased;
font-family: 'OpenSansRegular';
background-color: #1C1C1C;
line-height: 26px;
}
.orbit-wrapper div.slider-nav span.right, .orbit-wrapper div.slider-nav span.left {
background-color: rgba(0, 0, 0, 0.3)!important;
opacity: 0.3;
}
.swiper-slide .content h2 {
font-size: 50px;
line-height: 90px;
letter-spacing: -1px;
padding: 4px 0px;
display: inline;
position: relative;
left: 10px;
color: #fff;
font-family: 'OpenSansLight';
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5);
-o-box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5);
}
#boxed .nectar-slider-wrap[data-full-width="false"] .swiper-slide .content h2 {
font-size: 40px;
line-height: 80px;
}
.vc_span3 .nectar-slider-wrap .swiper-slide .content h2,
.vc_span4 .nectar-slider-wrap .swiper-slide .content h2,
.vc_span6 .nectar-slider-wrap .swiper-slide .content h2,
.vc_span8 .nectar-slider-wrap .swiper-slide .content h2,
.vc_span9 .nectar-slider-wrap .swiper-slide .content h2 {
font-size: 30px;
line-height: 70px!important;
}
.swiper-slide .content p.transparent-bg span {
padding: 4px 0px;
display: inline;
position: relative;
left: 10px;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5);
-o-box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5);
line-height: 45px;
}
.single-portfolio .row .col.section-title h1 {
top: 0px;
text-align: left;
font-size: 28px;
line-height: 40px;
width: 100%;
}
@media only screen and (max-width: 690px) {
body.single-portfolio .row .col.section-title h1 {
width: 280px;
margin: 0 auto;
line-height: 30px !important;
}
}
.nectar-love-wrap {
display: none!important;
}
.portfolio-items .nectar-love-wrap {
display: none!important;
}
.portfolio-items .work-meta {
text-align: left;
float: left;
width: 100%;
font-size: 11px;
color: #999;
}
.portfolio-items .work-meta p {
font-size: 14px;
line-height: 26px;
}
.portfolio-items .work-meta h4 {
line-height: 26px;
position: relative;
top: -2px;
}
body .toggle h3 a {
font-size: 14px !important;
line-height: 14px!important;
}
@media only screen and (min-width: 1000px) and (max-width: 1300px) {
.portfolio-items .work-meta {
width: 100%!important;
}
}
@media only screen and (min-width: 1000px) and (max-width: 1300px) {
.nectar-love-wrap {
display: none!important;
}
}
body #portfolio.portfolio-items .col.span_4 .work-meta {
width: 100%!important;
}
.meta-author, .meta-category, .meta-comment-count {
display: none!important;
}
.single-post #single-meta {
display: none!important;
}
article.post .post-meta .month, article.post .post-meta .year {
display: none!important;
}
article.post .post-meta .day {
display: none!important;
}
.post-content {
padding-left: 0px;
}
.post-meta.no-img {
display: none!important;
}
.single #single-meta {
display: none!important;
}
body:not(.woocommerce-cart) .main-content table tr:nth-child(2n+1) {
background-color: #f8f8f8;
}
#page-header-bg h1 {
font-family: 'OpenSansSemibold';
font-size: 80px;
line-height: 90px;
margin-bottom: 8px;
display: block;
color: #fff;
z-index: 101;
}
jig {
padding: 0px;
margin: 0px;
}
.col.boxed img, .wpb_column.boxed img {
padding: 0px 0px;
}
.timelineFlat .t_left, .timelineFlat .t_right {
opacity: 1 !important;
}
}
Another very important thing is that we’ve changed the single-portfolio.php with the help of your great support, because we’ve needed a special sorting of Protfolio attributes. We are using the Plugin “Category Order and Taxonomy Terms Order”. So the following changes of singleportfolio.php were made:
Original part of Salient:
<?php
$project_attrs = get_the_terms( $post->ID, 'project-attributes' );
if (!empty($project_attrs)){ ?>
<ul class="project-attrs checks">
<?php
foreach($project_attrs as $attr){
echo '<li>' . $attr->name . '</li>';
}
?>
</ul>
<?php } ?>
Our changes to get the attributes sort:
<?php
$project_attrs = get_the_terms( $post->ID, 'project-attributes' );
if (!empty($project_attrs)){ ?>
<ul class="project-attrs checks">
<?php
foreach($project_attrs as $attr){
$newproject_attrs[$attr->term_order] = $attr;
}
ksort($newproject_attrs);
foreach ( $newproject_attrs as $attr ) {
echo '<li>' . $attr->name . '</li>';
}
?>
</ul>
<?php } ?>
Does this occure any problems in Version 5.5.3?
Thanks for your advice – and BTW I love your theme and your great support!!!! Cheers – Markus
Hey Markus!
One thing that jumped out is:
#portfolio.portfolio-items– will need to be changed to:
.portfolio-items
Also your single portfolio template should still be valid, make sure to back up your old copy of the theme just in case though 
Hi Nectar,
sounds really good – I’ll tell you how it works! I think, maybe next week I’ll give it a try and for me personally – I’ve been using VC newest Version on another site and it really rocks – not only because of the “frontend” editor possiblity. But that’s not for me but a must have for customers who want to edit themselves … But also the possibility to hide columns on mobile will simplify web developer’s life …
And in case of using such a nice theme like salient we’re just in heaven … – come on guys – go and tell what a beautiful theme salient is and how outstanding the support is!!! This is a rare feature in the World of WordPress Themes and Plugins!
Thanks for your fast advice
Markus
Hey Markus, glad to hear 
Unfortunately the frontend feature is disabled still, but the device selection options are there as well as the new UI and other features 
Cheers
Hey,
Im trying to show 24 max related products, but I cannot get more than 6 to show after editingfunction woocommerce_output_related_products() {
$output = null;
ob_start();
woocommerce_related_products(array('columns' => 6, 'posts_per_page' => 12));
$content = ob_get_clean();
if($content) { $output .= $content; }
echo '<div class="clear" />' . $output;
}
no matter what i change it to it never goes above 6.
I’ve got a function working that changes related from categories to tags here
//New "Related Products" function for WooCommerce
function get_related_custom( $id, $limit = 24 ) {
global $woocommerce;
// Related products are found from category and tag
$tags_array = array(0);
$cats_array = array(0);
// Get tags
$terms = wp_get_post_terms($id, 'product_tag');
foreach ( $terms as $term ) $tags_array[] = $term->term_id;
// Get categories (removed by NerdyMind)
/*
$terms = wp_get_post_terms($id, 'product_cat');
foreach ( $terms as $term ) $cats_array[] = $term->term_id;
*/
// Don't bother if none are set
if ( sizeof($cats_array)==1 && sizeof($tags_array)==1 ) return array();
// Meta query
$meta_query = array();
$meta_query[] = $woocommerce->query->visibility_meta_query();
$meta_query[] = $woocommerce->query->stock_status_meta_query();
// Get the posts
$related_posts = get_posts( apply_filters('woocommerce_product_related_posts', array(
'orderby' => 'rand',
'posts_per_page' => $limit,
'post_type' => 'product',
'fields' => 'ids',
'meta_query' => $meta_query,
'tax_query' => array(
'relation' => 'OR',
array(
'taxonomy' => 'product_cat',
'field' => 'id',
'terms' => $cats_array
),
array(
'taxonomy' => 'product_tag',
'field' => 'id',
'terms' => $tags_array
)
)
) ) );
$related_posts = array_diff( $related_posts, array( $id ));
return $related_posts;
}
add_action('init','get_related_custom');
All i want to be able to do is show related products by a tag so that the range of products in the range always shows on the single product page.
Hey,
When changing the posts per page arg in my setup i’m able to get the number to correctly reflect that – have you also tried to reach out on the WooCommerce forums in regards?
Cheers
I ended up catching a hook for _sku in content-single-product.php then added it in the child theme directory. then I imported my own product database which I used to import my products using wpallimport (wonderful plugin btw) then I was free to create my own related product generation. Really pleased.
I’m just surprised woocommerce doesn’t have this simple setting in their plugin to have even just the most basic control of related products.
Hey – glad you found a way to accomplish it, thanks for sharing your method 
Cheers
Jeez reading these comments is giving me cold feet as to whether or not I should update my theme.
Any chance of a quick video or text tutorial?
Question… . .
Do we update it the same way as usual only in that VC gets over written on the update so we have to manually install the plugin at WP’s plugin page?
Hey,
there’s no new process involved other than making sure to activate the VC plugin which will be located in your plugins section of the admin panel – however since you’re using a child theme you’ll need to ensure that whatever modded files you have will line up with new code changes in the current files
OK so I just did the update and my site looks a little weird. I looked for VC in my plugins section but didn’t see it. Was this suppose to install along with the latest update? Because if so mine does not. If I have to manually install it which one do I use? There seem to be a few.
Also in doing a search online the only one I see is for $30 Defintely not paying for that.
I installed Showcase – Visual Composer Addon and theres is code all over the place instead of the images. Why does the install need to be so complicated?
A little help please. 
Hey – There’s no need to pay for VC, the Salient modified version is still included, if you want to install in manually you can find the plugin folder in the plugins folder within the theme directory
I have the same problem with edrasin.. I have a section of the site. When I am in a single portfolio post and then click a link on my top navbar, it adds the #anchorpoint to the end of the url rather than going back to which is the link I have in my top navigation bar.
I already try to put the “http://www.mydomain.co/#anchor” instead of just ”#anchor” but it didnt work.
Thanks for your help
Hey DiversifyDesigns, any chance you could share your URL so I can check the behavior?
Hey again – i’m not seeing the full URL’s being used, could you please open a ticket in regards with your admin credentials so I can take a look at what’s going on
themenectar.ticksy.com/
Sir ThemeNectar,
Thank you for the awesome update I love the changes you made but I wanted to ask how the mobile version works. It seems from my end that no matter what I change the home page to in the mobile options it doesn’t seem to affect the mobile version. Its weird but sincerely it doesn’t seem like it does anything from my end. I must be doing something wrong but I am at a loss as to what.
Hey lnbbroductions,
Could you kindly share your URL in regards so I can take a peek?
Cheers
Of course.
dennisjewelry.com
Hey again! Are you referring to the mouse based parallax items in specific?
Yes exactly, I’d love to substitute it someway or hide it and replace it with something similar, even just the text but anything I do in the new visual composer does not do anything to the live version. The banner is also far too big and I am not sure how to adjust this if the mobile settings do not seem to manipulate it .
Hey,
Since the mouse parallax is set for the row and not on columns you’d need to add css to accomplish this – add this into the custom css box in the Salient options panel:
@media only screen and (max-width: 1000px) {
.nectar-parallax-scene {
display: none!Important;
}
}
Cheers
Awesome thank you! And if I wanted to change or resize the images of the mouse based parallax background exclusively for mobile devices how would I manipulate that in the CSS?
Hey again! That would be more difficult unfortunately. The best way to handle mouse based parallax scenes is to use % values for the row top/bottom padding so it scales the entire row down with the screen size. For example: http://themenectar.com/demo/salient-ascend/about/about-me-extended/
Sweet thank you Nectar, last question hopefully for a while, is when I go to mobile or any of the other mobile/tablet devices my logo overlaps the menu click option. If you go to the mobile version of dennisjewelry.com
you’ll see that it covers up the 3 bar navigation menu clicker, how do I move that logo to the left for mobile and tablet versions? Again thank you
Hey! Add this into the custom css box in the Salient options panel:
@media only screen and (max-width: 1170px) and (min-width: 1000px) {
header#top nav > ul > li > a {
letter-spacing: 1px!important;
font-size: 12px!important;
}
}
Sir ThemeNectar,
Thank you for the awesome update I love the changes you made but I wanted to ask how the mobile version works. It seems from my end that no matter what I change the home page to in the mobile options it doesn’t seem to affect the mobile version. Its weird but sincerely it doesn’t seem like it does anything from my end. I must be doing something wrong but I am at a loss as to what.
Hey lnbbroductions,
Could you kindly share your URL in regards so I can take a peek?
Cheers
Hello.. I have anther question. Our main menu bar color is the white background. But sub menu background color is black. Where can I change the color on sub menu?
Hey,
You can alter that in your header options tab in the Salient options panel – just select “custom” for your color scheme 
Cheers
Hello
I like your theme. I have one problem when I click the 4 squares button on gallery which is portfolio. It turned out 404 not found page. How do I fix it?
http://www.thequeenis.com/1st-birthday-gyurin/Hey,
Is that the correct page URL that you have set in the portfolio options tab of your Salient options panel?
Cheers