Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Cart 170,205 sales
Recently Updated
Well Documented

ThemeNectar supports this item

Supported

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.com

Product 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

Hello there! Why creative blog dummy-data keep “next post” at the bottom of single post? I would like to maintain above “author’s bio”, per example: http://themenectar.com/demo/salient-blog/mauris-pharetra-interdum-lorem-2/ I really appreciate any help you can provide. :)

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

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 post

not 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.

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!

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 editing
function 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?

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 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

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey