Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Cart 167,440 sales
Recently Updated
Well Documented

ThemeNectar supports this item

Supported

38272 comments found.

Hello, I am a photographer and I need a photo-proofing page where my customers can select and download photos. Can I implement a feature in this theme?

Hey picstory,

There’s no built-in functionality to offer the ability to select/download specific images from your portfolio. However, you could add such functionality via a plugin.

Kind regards

What plugins are there?

Hey picstory, there are plugins such as picu.

Kind regards

Hi there,

Don’t know if it’s just me, but I can’t for the life of me find the Toggle Panels builder item any more?

Hey Phacin8,

Can you verify that you’re trying to insert the Toggle Panels as a direct child within a row > column? That element is not able to be nested inside other elements, so it wouldn’t appear as an available element within the list when trying to add it within nested structures.

Kind regards

Ah, that’s where I was going wrong, trying to add to an inner row!

Thank you for your reply :)

Glad I could help, Phacin8 :)

Hi Staff, I can’t figure out how I can use the Estimated Reading Time option on a blog page? Could you give me an example? Because I can’t find anything on the documentation. Thanks in advance

Hey squicky,

The Estimated Reading Time is an options meta field which can be set to display when using the Post Loop Builder: https://ibb.co/d6CZhFp It can also be displayed on the Single Post template in the post header if you have not disabled it via the Salient options panel > Blog > Post Meta tab.

Kind regards

How do I hide a global section when people visit my website on mobile or tablet?

Hey TheWhiteHoward,

You would need to utilize the column Responsive Options to hide your content or alternatively, you could add class names vc_hidden-xs and vc_hidden-sm to the parent rows to hide them on specific devices.

Kind regards

Hi there again,

is it possible to have header effect like this website https://ca.vessi.com/

currently I have a static information in header banner like this kosaa.ca

we basically want to have a slide in effect of different text like a slider. I am referring to secondary header text.

Thanks

no worries, this is resolved.

Hey druffzy,

I’m glad you found what you were looking for :)

Kind regards

Hi, I am trying to update the Team member when I press edit. the team member setting showing a white page and no data there, Salient Version: 16.1.3 https://drive.google.com/file/d/1XrP8EM3Hne6LtlK19d7rR54GSLRVRXt0/view?usp=share_link

Salient Version: 16.1.3

Hey mahmoudy2k, because there’s no known issue with editing that element, we would need to take a look at your setup to assist in troubleshooting. It seems like there’s an error being triggered on the server from another source or a configuration issue that’s breaking the functionality. Kindly open a ticket on the support forum in regards.

Hello, I have two issue here : https://holi-sante.fr/blog/ - I have a sidebar one the right of my blog that’s appear but I didn’t want it. In blog options the sidebar is on off. Can you help me find what I have to disable please ? - On the footer I have a contact form (from contact from 7), I take the code you mentionned here with just the mail part but the button is not vertical centered. Also, the Adress placeholder has a border even if it’s not click. It’s possible to have the border only when we click on it ? Thank you https://themenectar.com/docs/salient/contact-form-columns/

[text* your-name placeholder “Name”] [tel* tel-214 placeholder “Phone Number”] [email* your-email placeholder “Email Address”] [submit “Contact Us”]

Thank you for your help :)

Hey Lhami,

You can reach out via the contact form on my author page in regards with your License ID and site URL – I’m not seeing any license connected to this URL, so kindly use the account you purchased the theme on to contact us with.

Kind regards

Hello thank you, I email you with the good account (facturation@900k.fr, 2 days ago but I didn’t see your response in this email (in case you have already respond :) )

Hey Lhami, I responded to your email earlier today.

Kind regards

how to make single product image and gallery sticky? https://kosaa.ca/product/sectional-arth/

Hey druffzy,

You can make that change by adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:

@media only screen and (min-width: 1000px) {
  html .single-product {
   overflow: visible;
  }
  .single-product .nectar-prod-wrap {
    display: flex;
  }
  .single-product-main-image {
    position: sticky;
    top: 80px;
    margin-bottom: auto;
  }
}
Kind regards

awesome that worked great!

You’re welcome, druffzy :)

Hi,

I have a few questions regarding menu items, can you help with css? I use material skin.

1. I am trying to change the cursor to default for mega menu titles because these are fake links with html # symbole. for example, in this demo https://themenectar.com/salient/ecommerce-ultimate/ you have shop > Categories. how do i target the title only to change the curser to default?

I use this CSS but it changes everything, including the actual inks.

#header-outer[data-lhe="animated_underline"] li>a .menu-title-text {
    cursor: default;
}

2. For Megamenu i have 4 columns, I want to hide the last column on mobile and tablet only but I dont see on option under Menu Item Options, it only hides the text, how can I hide the whole column? https://imgur.com/a/C47Xc0V

3. I don’t see an option to center the text or description for this menu section https://imgur.com/a/fjOVF73

Thanks

Hey toolbox101,

You can use the following CSS to target only links which have # for the link: https://pastebin.com/4FPhrkW3

Please open a ticket on the support forum in regards when posting multiple questions, as this comment area is not the correct location.

Kind regards

Hello, I installed the demo of the site and now I purchased the parts. But I didn’t see any place to activate it. Please I request help regarding this issue. Also, when I disable a plugin, it gives an error. Please I am waiting for your help

Whatsapp +905436005918

We really couldn’t find where to enter the license coding.

Hey basssuplement, I followed up with you via email earlier today.

Kind regards

​​Hi,

I’m using the Post Loop Builder widget with custom post types and custom taxonomy.

Despite selecting to display categories, it doesn’t show the categories of the posts. Does this option not work with custom taxonomies?

Regards.

Hey debelop,

IF you’re referring to the meta categories, those will only display when using the default post type or the Salient Portfolio post type. However, we are currently working on additional functionality for the Post loop builder to allow for much more control over CPT data.

Kind regards

hi any way to put 4 or 5 columns in category? https://cordaipoal.com/category/concert/

Hey dimage,

You can make that change by adding adjusting the width of the columns via CSS like so:

@media only screen and (min-width: 1000px) {
.archive .masonry-blog-item {
    width: 23%;
}
}

Kind regards

great thanks

You’re welcome, dimage :)

When I imported the demo “Corporate 2” it has a different background video on the home page header area than the one in your demo. Where do I change this video, and is it possible to use the one in your demo?

Nevermind, I found it.

Hey VariousArtists, I’m glad you were able to find what you were looking for.

Kind regards

hi there,

can you provide the “code” of all elements examples. Cause in the prebuilt demos a lot of the elements are missing that are shown on https://themenectar.com/salient/

so it would be easier to copy some styles and examples.

best regards, Flip

Hey Flip,

All of the Salient elements are used in various importable demos. However, if you’re trying to get access to the setups used for the example element pages we would need to provide those for you manually. Please open a ticket on the support forum in regards with the specific pages you’re looking for.

Kind regards

Hi there,

thank you for your quick response. That´s awesome support. I will open up a ticket.

regards, flip

Thanks Flip :)

Hi, Long time user of this awesome theme! :) Hopefully a quick q. I’m using the sticky media sections and in the ‘Content Spacing’ drop down list it only goes to 20%. I’d like this spacing to be 5% if possible. How can I make this happen? Many thanks in advance!

Hey startdig! I’m glad to hear you’ve been enjoying Salient!

You can make that change by adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:

#ajax-content-wrap .nectar-sticky-media-sections .nectar-sticky-media-section__content-section:not(:last-child) {
    margin-bottom: 5vh;
}

Cheers

Thanks for this. I was expecting this to adjust the spacing between the media and content columns but it didn’t make a difference. Will it need some custom CSS to reduce the spacing between the media and content column? Any help would be really appreciated :) thanks

Hey startdig, the CSS I provided alters the vertical gap between the content that scrolls. If you’re trying to instead change the horizontal space between the content and featured media, you could this:

@media only screen and (min-width: 1000px) {
#ajax-content-wrap .nectar-sticky-media-sections {
    gap: 3%;
}
}

If that doesn’t work for you, please share your URL so that I can take a peek.

Cheers

Unset image dimensions>>

I see in the front-end still many image dimensions are loaded. I thought this was more managed by the ‘images sizes’ in general settings, but I am not sure this is the case?

In the past we also used the code below. Is this the same as the back end option for image sizes? Or is this different? Some image dimensions always seem to be loaded, even if I unset them. I am not sure why?

function salient_child_mod_srcset( $sources ) { if( isset($sources[‘150’]) ) unset($sources[‘150’]); if( isset($sources[‘350’]) ) unset($sources[‘300’]); if( isset($sources[‘350’]) ) unset($sources[‘350’]); if( isset($sources[‘350’]) ) unset($sources[‘375’]); if( isset($sources[‘350’]) ) unset($sources[‘500’]); if( isset($sources[‘350’]) ) unset($sources[‘600’]); if( isset($sources[‘768’]) ) unset($sources[‘768’]); return $sources; } add_filter( ‘wp_calculate_image_srcset’, ‘salient_child_mod_srcset’ );

Hey dzineee,

The options within Salient > General > Image sizes will determine what sizes that Salient registers into WordPress which will be used when uploading new images. i.e. which image sizes get created. The filter you’re using is only related to limiting the output of sizes within srcset tag on the frontend. Kindly open a ticket on the support forum if you’d like us to take a deeper look at your site to assist.

Thanks in advance

Layout Shift

Google Pagespeed is throwing a warning for large Layout Shift on product pages, relating to the following div:

It gives a Layout Shift Impact around 0.48 Would there be anything to improve this?

Hey dzineee,

There is no known CLS issue with single product pages: https://pagespeed.web.dev/analysis/https-themenectar-com-salient-ecommerce-robust-product-acne-defense-cleanser/7xlvvw5cxu?form_factor=desktop

Kindly open a ticket on the support forum in regards with your site information so we can take a closer look into the setup

Cheers

Hello, I am now using https://theeventscalendar.com and the event page is no longer mobile responsive. I have tried several options by the creator to no avail. Do you have any suggestions? Below is one of the pages not responding. Thank you in advance for any help you can provide. https://fabentertainmentgroup.com/event/an-evening-with-junkyard-and-jetboy/

Hey katt101, It looks you could correct that with a simple CSS rule such as:

@media only screen and (max-width: 1000px) {
  #tribe-events-pg-template {
     max-width: 100%;
  }
}

You can add that into the CSS box located in the Salient options panel > General Settings > CSS/Script related tab.

Kind regards

OMG that was easy. I tried everything but that. Thank you so much!! ThemeNectar is always the best!

I’m glad I could help, katt101 :)

Cheers

Hi I am trying to make a 2 column list with a photo / icon to the left and text to the right.

I found that using a 2 column horizontal item list is 90% of what I am trying to do but cannot customize the icon/image and restricted to the provided icons.

How can I make a list like this example with custom images/icons? Thanks! https://chrisgrenier.com/wp-content/uploads/2024/01/Screenshot-2024-01-16-at-2.15.45 PM-1.png

Hey svtmuscle :)

You could create a row which contains multiple inner rows (one for each icon/text pair) and set those inner rows to display their content inline instead of vertically stacked. Here’s an example you can copy and paste into your editor:

https://pastebin.com/yWEyRz8m

Cheers

First off, thank you for your awesome theme! The problem I’m facing is that the cart page (with as well as without products added) looks totally different from your demo at https://themenectar.com/salient/ecommerce-creative/cart/ I am aware of the fact that WooCommerce is using the blocks by default, but I would very much like to discard that functionality and just make it so that the cart page looks exactly like the one of your demo. And therefore I would appreciate your help on the steps that I should take in order to achieve the same look as per your demo site. Later edit: I noticed the same issue regarding the checkout page. Please advise. Thank you!

Hey DaniMun! I’m glad that you’re enjoying Salient :)

You can still use the previous WooCommerce cart/checkout by following the steps outlined here.

Cheers

Thank you for the answer, ThemeNectar! It took me a while to figure out exactly what is necessary to do in order to achieve the same visual layout as per the demo, as the WooCommerce documentation you mentioned is mostly focused on explaining the replacement of shortcodes with blocks. Which is the opposite of what I was trying to achieve. After much time spent on trying to make this work, it turned out to be an extremely easy procedure: I just deleted the default WooCommerce-generated blocks code and simply pasted the [woocommerce_cart] shortcode in the backend editor. As for the Checkout page, I followed exactly the same approach and pasted in the [woocommerce_checkout] shortcode.

Hey DaniMun, I’m sorry that it took you a bit to get it figured out! I just created a quick tutorial in our documentation to make sure the process is clearly laid out for others who may run into the same issue :)

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