Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Cart 170,184 sales
Recently Updated
Well Documented

ThemeNectar supports this item

Supported

38435 comments found.

Hi dear ThemeNectar,

We want to add some custom SVG icons under image product and above of product description tab like what we show in the image below.

Also for responsiveness, these SVG icons would be much better to be display on mobile screens just above the description tab and after all product-related sections.

I know we have to customize woocommerce page template but we will be happy if you help us.

This is almost what we want: http://uupload.ir/files/b8b6_untitled-1.jpg

Thank you so much.

Hey Ali_JP, For that mod you would need to use a WooCommerce action in a child theme functions.php file. Here’s an example to get you started: https://pastebin.com/ZV61Wx9V

I have this theme for a client and is doing something weird over on mobile who can I contact?

Hey luisameviam,

You can reach out via the contact form on my author page https://themeforest.net/user/themenectar

​HI. A couple of weeks ago our hosting company deleted our websites and had to restore them all from a backup. I hadn’t checked our DES website on the backend until now. I am getting this error showing up and I don’t know what it means. “Notice: Undefined index: description in /home4/desnste/public_html/wp-content/plugins/js_composer_salient/include/autoload/class-vc-settings-presets.php on line 395”

I’m assuming there’s a file in the plugins folder that’s missing and isn’t referencing properly but I don’t know if it’s a problem, if I need to fix it and how. Thanks

Hey jensdes,

You can try deleting the “salient core” and “salient WPbakery page builder” plugins from your site, and then reinstall them via the WP Admin > Appearance > install plugins tab. If that doesn’t correct the issue, please reach out via the contact form on my author page https://themeforest.net/user/themenectar

Thanks in advance

Hi,

How can I add a custom options to “WooCommerce Products Settings” vc component in the child theme.

Thank you

Hey brandio,

Only the output file for that element (nectar_woo_products.php) can be modified in a child theme. Here are the docs on doing so: http://themenectar.com/docs/salient/overriding-salient-wpbakery-element-template-files-through-a-child-theme/

Cheers

Is there a way to create a blog post that is a link, but still display a featured image when in a grid? I currently see the ability to choose “link” as the post type – but it looks like that displays the url in the grid card.

Hey ashnootenboom,

The link format should still display the featured image behind the link in the post archive. Can you share your URL in regards so that I can take a look?

Thanks,

Hey,

Could you please point to how to get same kind of animated scroll down arrow to show on my page? Like the one on your Wellness demo page.

Thanks,

Hey krispdots,

That animated element can be added via the page builder > call to action element. When editing the call to action, select “Next section button” for the style, and “Minimal arrow animation” for the button type.

Cheers

Hey ThemeNectar,

I’m looking to change the order of the social icons in the header but can’t find the file to change it. Can you point me in the right direction?

Thanks,

Hey RollingSpoke,

In salient/nectar/helpers/header.php, you can copy and modify the function titled “nectar_header_social_icons” in your child theme functions.php

Cheers

Perfect, thanks! :)

You’re welcome, RollingSpoke :)

One of my favorite themes – Kind of an off the wall question, but how did you create the blue video on the promo page? http://themenectar.com/promo/ was a certain videohive template used? Was also wondering if you were planning on adding more robust woocommerce and blog/news features in the future?

Hey TheNomader, that’s awesome to hear :)

That video on the promo page was created in After Effects from scratch, unfortunately there’s no template it was based on which I can provide for you.

The next release will indeed be bringing new WooCommerce features.

Cheers

WPBakery frontend editor not working with Wordpress 5.5.1. Not aditional plugins! :shocked:

Uncaught TypeError: window.vc.frame_window.jQuery is not a function
    buildFromContent https://ascendal.segurihost.com/wp-content/plugins/js_composer_salient/assets/js/dist/frontend-editor.min.js?ver=6.2.0:2062
    build https://ascendal.segurihost.com/wp-content/plugins/js_composer_salient/assets/js/dist/frontend-editor.min.js?ver=6.2.0:7427
    <anonymous> https://ascendal.segurihost.com/wp-content/plugins/js_composer_salient/assets/js/dist/frontend-editor.min.js?ver=6.2.0:7433
    setTimeout handler* https://ascendal.segurihost.com/wp-content/plugins/js_composer_salient/assets/js/dist/frontend-editor.min.js?ver=6.2.0:7432
    jQuery 8
    <anonymous> https://ascendal.segurihost.com/wp-content/plugins/js_composer_salient/assets/js/dist/frontend-editor.min.js?ver=6.2.0:7431
    <anonymous> https://ascendal.segurihost.com/wp-content/plugins/js_composer_salient/assets/js/dist/frontend-editor.min.js?ver=6.2.0:7436

How to solve this? :cry: Don’t you have the latest wpbakery version? 6.3.0?

Hey segurihost,

The Salient WPbakery has been tested with WP 5.5.1 and this is not a known issue. 6.3.0 contains minor fixes unrelated to what you’re mentioning. There are certain services such as Cloudflare’s rocket loader which can cause this script error. If you’ve already ruled that and any similar ones out, please reach out via the contact form on my author page https://themeforest.net/user/themenectar

Thanks,

you were right! the problem was rocket loader from cloudflare. is there a solution to use rocket loader with WPBakery without problems?

Hey segurihost,

The rocket loader feature can be used on the frontend, but needs to be excluded from the page builder. Here’s a resource which may help: https://community.cloudflare.com/t/rocket-loader-stop-working-visual-composer-frontend-editor/63128/8

Cheers

how to target homepage portfolio columns by css rather than targeting the whole row?

example : i want to show each portfolio image by black and white color and on hover return it back to its normal colors , but i could not find a way to give it a css class or id to target it

Hey majdkh,

You can use the following snippet for that:

body .portfolio-items .col:not(:hover) {
filter: grayscale(1);
}

thanks

You’re welcome, majdkh :)

Hey TN team,

Just wanted to check – is there anyway to have a the ‘Back to top’ button on pages with ‘Full screen Rows’, and simply take a user back to the first row?

Thanks in advance!

Hey ND81!

Unfortunately that functionality would require some custom modding as of now. I’ve noted the idea on the wishlist :)

Hello,

I can’t find which option is to change the last menu item.

https://avsynthesis.com/ https://gyazo.com/65516a468ecc857198a63bcc2017591f

Hey tuka_85 ,That button is coming from a widget which is added in Appearance > Widgets. What specifically are you looking to alter about it? 

Hello there

Is it possible to change footer copyright text in mobiles or screen sizes below 690px?

Thank you

Hey Ali_JP,

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) {
#copyright p {
  display: none;
}
#copyright .col.span_5:before {
    content: 'Custom mobile text';
    color: #fff;
}
}

My toggles are losing their formatting on a few sites I run your theme. I’m on the latest version of the theme…no js errors in console. Do I need to update one of the files somewhere in my theme?

https://1800printing.com/help-faq/ and https://www.printingnewyork.com/faqs/

Any ideas what would cause that? Thanks!

Hey SeanAUS120,

It’s hard to see exactly what’s going on with the CSS minification active, though it looks like a conflict with your custom CSS to alter the style. On https://www.printingnewyork.com/faqs/ you can correct it if you remove this snippet:

#faqs .toggle > div {
    box-shadow: none!important;
    padding: 20px 30px 20px 30px!important;
    background: #efefef!important;
}

and add :

#faqs .toggle > div {
    box-shadow: none;
}
#faqs .toggle > div .inner-toggle-wrap {
    padding: 20px 30px 20px 30px!important;
    background: #efefef;
}

Cheers

Awesome! It works perfectly. Thank you.

You’re welcome, SeanAUS120 :)

G’day mate,

Is there a quick and easy way to decrease padding in the Footer Area so that something like my Instagram feed fills the whole space with no edges?

https://www.dropbox.com/s/27hx8ljwrjwvcl1/Screen%20Shot%202020-09-11%20at%201.11.50%20pm.jpg?dl=0

Hey benjaminroach,

Add this into the custom css box located in the Salient options panel > general settings > css/script related tab:


body #footer-outer #footer-widgets .container {
  max-width: none;
  padding: 0;
}
body #footer-outer #footer-widgets .row {
  padding: 0!important;
}

Cheers

Howdy! On this page I’ve got 3 progress bars, but the animation of the percentages only starts once you’ve almost passed them making it kinda useless effect wise. Is there a setting I should have configured differently or is there something here you see that I dont? I’m using chrome; https://kylebaxter.co/portfolio/microsoft-assure-software-support/

Hey SiteTonight!

The progress bars use the direct parent element to calculate the animation. In your setup, keep the bars in a child row like so: https://ibb.co/qnZK63Q

Cheers

ty sir!!

You’re welcome SiteTonight :)

Quick question:

I have a row that appears on all pages, ie: Sponsors

Is there a way to make a row update on all pages? For example if I add or remove a company to our sponsors section is it possible that I could only need to do this on one page and it would update on all pages?

I tried using Client Display to do this but doesn’t really help.

Hey Kwantaiwei, That would require using “Templatera”: https://wpbakery.com/addons/templatera/

Hi – I was wondering how to change just one menu link in the main navigation to a different color without changing them all…

menu-item-371 is the menu ID .menu-item menu-item-type-post_type menu-item-object-page menu-item-371 { color:#ffcc00!important; }

is the css… but neither one is working.

Any help would be greatly appreciated.

Hey noantsinmypants,

You can use the following snippet:

#header-outer #top #menu-item-371 > a {
    color: #ffcc00!important;
}

Thank you!!!

You’re welcome noantsinmypant :)

Hi, I’m trying to add a code script, but I can’t get it to work. from salient – general settings – CSS/Script Related and the bottom – Custom JS Code

<script type=”text/javascript”> <meta name="theme-color" content="#fad7bd"> </script>

Thank you.

Hey alandres, that’s not javascript, but rather a meta tag which would need to be added into the head. You can add that through a child theme by adding the following into the functions.php

https://pastebin.com/50dY6Kfu

Thank you!!!

You’re welcome :)

Hello,

My woocommerce product arrangement are 2 products in a row. How to show 3 products in a row on computer screen? And my woocommerce settings in Salient panel are default. https://prnt.sc/uf2nxr

Thanks

Hey tinaaa071,

Make sure that you have the “Archive Page Columns (Desktop)” option set to “3” in the Salient options panel > WooCommerce tab

Hey tinaaa071, It looks like you’ve only set the desktop column number, and not the small desktop field below it: https://ibb.co/fv5YyTs

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