Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Cart 167,631 sales
Recently Updated
Well Documented

ThemeNectar supports this item

Supported

38279 comments found.

Has anybody the same problem as me? THE BUG: I have a video with alpha chanel. I have exported it as webm and as .mov and mp4 for safari. When I insert the webm to the webm field, transparency is correct in firefox. When I add the mov or mp4 to the right field transparency is right on firefox, but on safari it does not show transparency. When I put .mov or .mp4 in the webm field, transparency is right on safari, but no video is shown on firefox… There seems to be a bug in the theme!

Hey RuhrLife,

When you upload your videos on Salient, they’ll be outputted in a standard HTML video tag without any extra processing on our end. However, getting the alpha channel to render properly on different browsers can be a bit more of a challenge than it may seem. Here’s a helpful article on the correct encoding process that might be useful to you: Alpha Video in HTML5.

You can input the sample video files from the article to confirm the alpha channel correctly displays cross browser when added to the .mp4/.webm fields in Salient: https://pastebin.com/RbhYtUMq The order of the video sources won’t prevent the alpha display if both versions are correctly encoded for it.

Kind regards

No, the files are rendered correctly, because that took me more than one day to try everything out! The problem is: safari cannot read the alpha-chanel in the webm, Safari need a .mp4 with alpha, which I have but safari always plays the webm and not the mp4…

Have you tried plugging in the video files I provided in the pastebin: https://pastebin.com/RbhYtUMq on your own setup for testing? I am able to see the alpha channel render correctly in Safari as well as all other browser when doing so.

Hi. I added a Vimeo video, using the Video Player Element. All the Vimeo controls are visible when I preview the page/post. However, once I publish the post/page, the fullscreen controls are missing. Appreciate any help. Thank you!

Hey ProloguePictures!

I can’t seem to replicate that locally. Have you tried to disable all third-party plugin to see if any are interfering with it?—Especially performance related plugins that might alter the page markup.

If so, please open a ticket on the support forum in regards

Thanks in advance

Some additional Woocommerce features would be amazing for a future update.

• A new product page image gallery layout option on mobile. Images not full width with the next image poking in from the side. Examples: https://ibb.co/ZWwc4s7

• Customisable mobile menu with page builder elements featuring shop items. Examples: https://ibb.co/1mx6KgL

• Empty cart is customisable to show top products and categories Examples: https://ibb.co/jkTxKFG

• More options for the design of variable product selection. E.g. image based variation cards Examples: https://ibb.co/bWkB5QT

• WP Bakery in Product Short Description

Hey MarcGarner, thanks for the requests! Some of those are already on the wishlist and will likely get added via the next update which is WooCommerce-focused.

Kind regards

That’s awesome news!

Indeed, MarcGarner :)

Just the clarify any potential interpretation—the upcoming major release is not WooCommerce focused, but the following one likely one be. If you’re curious to see what’s about to land, feel free to reach out via the contact form on my author page in regards to get beta access.

Hey is there a way to disable the meta on portfolio using css? And I’m using the “Meta overlaid w/ zoom effect on hover… is there also a way with css to change the color over the overlay? Thanks so much. :-)

I saw that the # was missing and added it to the beginning… but still no change:

http://35.88.191.116/wp-content/uploads/2023/05/Screenshot-2023-05-11-at-8.23.45-PM.png

Hey streetjen, The ”#” is not needed in the selector I provided—adding that in will invalidate the rule. It should just be “body”.

I’ll need to see your actual URL in order to assist as I’m unsure of what settings you’re currently using.

Kindly open a ticket on the support forum in regards and we’d be glad to follow up.

Is your theme compatible with any lms plugin?

Hey jocre,

While we haven’t specifically added any extra integration for LMS plugins, Salient should still work seamlessly with all the popular ones out there.

Kind regards

Hello! :) When exactly the next big, final update will be release – this month? It’s worth to say that your theme is gorgeous and you’ve got the best support theme on the whole theme forest. :) Thank you so much for your help and kindness every time. 5 stars!

Hey CreativePlace, thanks so much for your kind words!

There is no exact release date planned yet. We just recently opened the beta to the user base, and have begin to get feedback. Assuming that doesn’t no big issues are reported, I would estimate it’s about 1 month away.

Kind regards

Hi, while the Inter font is available on the Salient Options panel, it is not showing up in the Custom Heading module on WP Bakery page builder. Can you please confirm that this is true?

Hey alfamarble,

The Custom Heading block is a core block bundled with WPBakery and not an element Salient has created. Unfortunately, it only provides a limited set of custom fonts to choose from. I would suggest instead setting Inter as one of your fonts in the Salient options and then using that heading to get the family styling.

Kind regards

Hey, Is it possible to remove the « uncategorized » link on blog post please. I would like to have none category. Thank you

Hey Jrm57,

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

#page-header-bg .inner-wrap >a,
.meta-category,
.uncategorized {
 display: none!important;
}

If that doesn’t remove it in your setup, kindly share your page URL so that I can see which settings you’re using.

Cheers

Thank you. It worked, but I have to make some changes to display one specific article on the slider and add it into a fake category « slider ». But now it display this name of category. Can you help me to remove it. Here the link https://academie.pleine-confiance.fr/blog/

Hey Jrm57,

Here’s one additional rule you can use for that change:
.nectar-recent-posts-single_featured .grav-wrap .text a {
  display: none;
}

Cheers

How can create gallery with light box like in this exmaple https://themenectar.com/salient/blog-ultimate/be-my-guest-concert/ ? the problem is then i write a blog post and ad photos they doesnt open in the lightbox, but in new window or link as example. What Im doing wrong? I’ve ticked “Auto Lightbox Image Links” ON in the Sailent settings, but it didnt helped.

Hey Justinasmi,

That example post is using the “Image Gallery” element within the page builder. You can find out more about it in the documentation here: https://themenectar.com/docs/salient/galleries/

Kind regards

Is there any simpler way to make it working? Im creating website for client who has 0 knowledge about bulders. Would be wonderful to have this lightbox functionality while creating blog post with standart wordpress text editor. Maybe there is a shortcode to showcase gallery and to have lightbox after visitor clicks on one of the photos?

Hey Justinasmi,

The “Auto Lightbox Image Links” functionality should still automatically apply to core WordPress galleries. Can you verify that you have the “Theme Lightbox” set to “fancyBox3” in the Salient options > General Settings > Functionality tab, and that your gallery images are linked to the “Media File”? https://ibb.co/DkFHpHk

Hello! “image With Hotspots” – How do I turn off the flashing animation in the mobile version? I would like to put my icons instead of a plus, How to do it?

Hey art_andry!

Add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:

https://pastebin.com/c4ZvGx3C

Kind regards

Hello, I’d like to adjust when the mobile breakpoints kick in, I’d like it to go form desktop to mobile view at 999px, how can I achieve that?

Hey juvengle, that’s already the default mobile breakpoint. If you’re specifically referring to the header navigation mobile breakpoint, that can be customized in the Salient options > Header navigation > Mobile header via the “Header Mobile Breakpoint” field.

Kind regards

Hi!

You have an option of ‘infinite scrolling’ in the blog archives. Is there a way to achieve the same with WooCommerce product archives?

Thanks AJ

Hey AJ!

Unfortunately there’s no option to bring the infinite scrolling function from the blog to WooCommerce products as of now. However, I’ve noted your +1 for the idea :)

Hello! I copied the cart-shipping.php file from woocommeerce to salient-child/woocommerce/cart/ but when I edit the file to change the structure, it doesn’t work. I try to print a “Hello” and it doesn’t show up. The template seems to be unable to be modified. I have done this in other themes, but here I have not been able to. Should I change the path or is the file name different? I must change the structure of the shipping table so that the title is above the shipping options, not next to it (break the th and td). With other files I dont have problems, just with cart-shipping.php I have. thank you

Hey segurihost,

I can not replicate that issue locally. While Salient itself does not provide any overrides for that template, adding the cart-shipping.php file into salient-child/woocommerce/cart should still provide you with that possibility. Can you please open a ticket on the support forum in regards?

Thanks in advance

The next big update is coming.

The theme is very successful and is regularly maintained by the developer, which is very commendable.

I, like everyone else here, am also very excited about the new features. Hopefully 360° image and video support will be integrated!

With kind regards vik

do you mean 9th august?

Hey vik_, No—we were targeting the 9th of July, however, the new target is the 15th.

Kind regards

we are all waiting outside with anticipation

I am very disappointed with this theme. Salient is tough to install and all the plugins that come with it requires manual install with some kind of twist. I have Installing Plugin: Salient WPBakery Page Builder erroring out all the time and so far I am not able to get this theme to work on a fresh install even. A big wast of Money and most importantly is Time.

Hey dactor12,

I’m sorry to hear you’re having trouble with the installation process.

As for the included plugins, you shouldn’t need to do anything beyond the normal plugin installation process. I’m not quite sure what you meant by “some kind of twist”.

I took a quick peek at the support forum but didn’t find any open tickets from your username to gain further information on the issues you’ve encountered. If you could open a ticket and give us more details about the errors you’re seeing, we’d be happy to assist you and get things sorted out: https://themenectar.ticksy.com/

Kind regards

Hello. The search results are displayed incorrectly. Example: https://www.pro3implant.com.uy/?s=implante&post_type=product What could I do to solve it?

Hey mirazoqui, you have a critical error being triggered from the WooCommerce layered navigation widget in your sidebar on that template which is causing the display issue. You’ll need to check your PHP error log to see what the error is in regards to: https://ibb.co/TMpLr2p

Thank you!

You’re welcome, mirazoqui :)

Is there a way to have a section seamlessly switch from one background color to another? You can see in this theme example, if you scroll to the bottom of the page, it transitions from black to white. Thanks!

Hey AkeatsKes :)

There is currently no animation option offered to animate the color of a section based on the scroll position. However, I’ve noted your +1 for that idea on the wishlist.

Hi there, how can I edit the font on the submit button on my contact form 7 plz?! Its not matching the site’s font..

Hey kayota,

You can specify your desired font settings for submit buttons via the Salient options > Typography > Nectar Specific Elements tab with the “Nectar Button” field. If you’ve already set a font for that which is not displaying, please share your actual page URL so that I can take a look.

Thanks in advance

Perfect thanks! One more question: the submit button is on aligned left on desktop and centered on mobile but its not quite centered as u can see here: https://mmoreira.co/jornada-irresistivel/

Any ideas why its bugged?

You’re welcome, kayota :)

That extra space on the right is coming from the Contact Form 7 spinner, which is hidden until the button is clicked. You can fix that by adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:

body .wpcf7-spinner {
  position: absolute;
}

Hi TN team,

Hope testing for the new version is coming along well – exciting to see what you’ve been cooking up!

A small, hopefully somewhat easy one…

I’d like to include the down arrow used in the main menu (for sub menu items) for toggle panel titles, in the same manner used in the menu (end of the title).

I’ve tried simply pasting the following into the title area, after the text:

..but that doesn’t do the trick.

Any ideas on an easy way to achieve this?

Most appreciated, thanks in advance

E: Nevermind – I just did it with a utf8 arrow, and it looks close enough :)

Hey ND81, I’m glad to hear you figured out a suitable solution for now :)

Kind regards

Hey there, I am trying to make all the fancy boxes to be the same size on my page here: https://paymydebt.net/debt-calculators/ – the size of the bigger fancy boxes on this page are the size I’d like them.

In each fancy box settings I have them set to a minimum height of 10 but I wanted them smaller so I added this code: (might not be the correct way to start to do this)

.nectar-fancy-box .inner { padding-top: 15px; padding-bottom: 5px; }

.nectar-fancy-box { padding-top: 1px; padding-bottom: 1px; }

But no matter the size I make them by code when one has less text than the other it reduces the size.

Is there a way to code them to make them all the same size? Or is it just easier to create buttons and code those?

Thanks in advance!

Hey msherstenka!

You could equalize the heights of all of those boxes by using a snippet such as the following:

.nectar-fancy-box .inner {
    align-items: center;
    display: flex;
    min-height: 90px!important;
    justify-content: center;
}

Kind regards

You are great! Thank you so much it worked. Really enjoying the theme

Glad I could help, msherstenka :)

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