Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Cart 168,738 sales
Recently Updated
Well Documented

ThemeNectar supports this item

Supported

38352 comments found.

Hi! I am working on a web with a Carousel with three Single Testimonial. I just updated the web with the Child Theme. Since then, the testimonials are not displayed on mobile. Any idea what could have happened?

Solved! I’ve disabled the Parallax Background Image Scroll (in Row Settings – Animation) from the row and the testimonials have reappeared.

Hey kimkawe!

Since there’s no known issue with the parallax option + testimonial, if you’d like to provide a test URL where the issue can be observed, I’d be glad to take a closer look.

Kind regards,

Hi ive noticed that background video is not showing on laptop on the new iOS of ‘Monterey’ for latest FF, chrome and safari browsers. I’m checking in Browserstack live so may be loading issue, can you confirm if background video is working there ok?

its self hosted mp4 video

Hey e3templates,

I can’t replicate that on one of the demos which uses a video BG: https://themenectar.com/salient/wellness/

Can you share your actual URL so that I can take a look?

Kind regards,

Hi,

would like to make a suggestion. In the “Text with Icon Settings” there is a search box for the available icons. But that icon name search only works from the beginning of the string, that make the search thing a bit useless. For the next update, please change: file /wp-content/plugins/js_composer_salient/assets/js/dist/backend.min.js at line 2014 from $('.icon.dropdown').chosen(); to $('.icon.dropdown').chosen({ search_contains: true });

this will make search to be possible from any part of the icon name.

Thank you.

Hey jaclerigo,

Thanks for pointing that out :)

I’ve noted to include it in the next release.

Cheers

Need to remove “Price” and “Subtotal” from mobile cart page. I was able to remove from desktop but can not find a workaround on mobile – please advise.

Here is a link to view what I am talking about. https://curatedevents.com/chesapeake/wp-content/uploads/2022/07/Screen-Shot-2022-07-26-at-4.10.43-PM.png

Hey JustinScottDay,

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

@media only screen and (max-width: 690px) {
  #ajax-content-wrap .woocommerce .cart .product-subtotal,
  #ajax-content-wrap .woocommerce .cart .product-price {
      display: none;
  }
}

Kind regards,

hi, https://gastromallorca.net/mares/projects/ any way to put the portfolio images more height? nearly squared? thanks.

a perfect, thanks

hi sorr, any way to change the meta on hover color ??

Hey dimage,

In the “Grid Item coloring/style” tab, you can adjust the “Color Overlay” as well as the “Text Color Hover” to what you desire.

Are you trying to alter something else?

Kind regards,

Hello,

We are using your theme for one of our website and having an issue with ancres. There is an # on a bloc, and an adresse on a balise a link. The clic on the a should scroll the page to the #.

Instead the first clic scroll all the way to the bottom of the website.

If I clic again, it works. If I refresh the page it works.

The first clic never works. Do you have any idea what the problem might be ?

Hey Insaniam, an issue like that could occur when lazy loading all images, if some of your images are not sized appropriately to fill the columns that they’re contained in. For testing, you can disable the lazy loading option in the Salient options panel > general settings > performance tab, “Lazy Load Page Builder Element Images”.

Kind regards,

hello thx you ! Indeed that were the problem came from ! thx for the quick reply back.

Glad I could help, Insaniam :)

Hello.

This never used to be a problem before, but now when I upload a single image it starts of fine at full screen, but as the screen size is the reduced, the image becomes very compressed and blurry.

When I inspect the image I can see that the original version of the image is being replaced with a version which is 1536 × 1020px.

So basically, something is compressing my images for me when I don’t want them too.

Any ideas what this is?

Hey alexbirks,

Can you kindly share the page URL where the issue can be observed?

Kind regards,

This template is sensational! I will include it in the theme groups on fb! PS. when is the next edition? Still in the vacations?

Hey art90, I’m glad to hear that you’re enjoying Salient :)

It’s still coming soon. The current ETA is less than 2 weeks (the scope of the update has grown since you last asked) – and no, unfortunately, no time for vacation over here!

Cheers

Good day

After updating the theme the social icons and video lightbox close icon doesn’t show anymore. You only see broken image. How can I fix this?

Thank you.

Hey evanzyl,

Please share your URL in regards so that I can take a look to help out.

Kind regards,

Hi my dear friends, I know my support time is over, I bought salient some time ago but didn’t used yet and I want to use it now, I have managed to figure out how to do some things but I am losing my zen trying to discover how to achieve this: when click on a Team member – meta overlaid alt Image, I need it to open a Lightbox to see a bigger version of picture (just like the single image – link to large img) Please, please, please, save my life and my sanity! How to achieve it???

Hey Yellowmla,

Unfortunately, there’s built-in option to link a team member element to a Lightbox in that manner. However, I would recommend that you make use of the team member “Meta Overlaid, Bio Modal” style and then use CSS to alter the design/hide the bio to achieve the functionality you’re looking for without any custom development through a child theme template modification.

Oh, bummer. Thanks for the suggestion. Love.

You’re welcome, Yellowmla :)

Hello, question, can I make carousel one column on mobile as google mark it as an error, it is located at the bottom of this page: https://dearbornarchitects.com/ Thank you.

Hey fixedman,

You can alter that layout by adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab: https://pastebin.com/Ry9b2Cxb

Kind regards,

Thank you!

You’re welcome, Fixedman :)

Hi, My secondary header isn’t appearing when I scroll down on my page – it also pushes the cart icon out of alignment – is there something I’m doing wrong/ can update?

truestorybrewing.com

Thanks.

Hey AletalkProductions,

The secondary header hides by default when scrolling away from the top to provide more space for the content. You can alter that and make it persist by add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:

#header-outer {
    transform: none!important;
}

I can’t see what you’re referring to with cart icon being out of alignment: https://ibb.co/wJvSkqf can you kindly provide a screenshot?

Thanks in advance

Is it possible to use this theme to overlap the cards? https://gyazo.com/207e27f3a9eab0b0931d3f7d02cc5569

Hey nforce,

Unfortunately it wouldn’t be possible in the current release without some custom modifications

Kind regards,

hi, when i change ‘Header Box Shadow’ in the header theme settings nothing is changing? theres still a big dark shadow at the top, have turned the cache off.

Hey e3templates,

Please share your site URL in regards so that I may take a look at your settings to assist.

Thanks in advance,

thankyou i found the correct field in settings.

Glad to hear, e3templates :)

Hello, l love your theme! I just had a question about the Team Member Style – Meta Below, Bio Model. Is there anyway to better lock in the ratio for the half page bio picture? Or is there an exact dimension it should be to work best so the image doesn’t get as pulled and doesn’t cut off the face? Most screens are fine, but wide screens and vertical tablets seem to have an issue.

Hey mijafe,

I’m glad to hear you’ve been enjoying Salient :)

You could use CSS to alter the sizing of that image to force a specific aspect ratio. Add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab: https://pastebin.com/bnsZfysU

Thanks for that. I tried it, but I think we want to keep the picture as half the page, so that solution may not work. So then on some big screens, the picture may get cut off so only part of the face is showing. On iPad the same thing happens when tablet is held vertically. When held horizontally, the pictures fit better, but there is a problem with scrolling on the text. Also either way on iPad, there is no “x” button to x out of the window like there is on mobile and web. Thanks for any help.

Hey mijafe,

If you wish to keep the team member photo fullscreen, the aspect ratio of it will change depending on the device you’re using and cause cropping. In the demo, we use images are are slightly further away to allow the cropping to not interfere with the subject as much. If you’d like to share your URL in regards, I’d be glad to take a look at your images to provide some further guidance.

You can also add in the following CSS snippet in order to add the “close” icon in iPad viewports:

https://pastebin.com/mVdSuPqh

Kind regards,

​Hello Support Team,

I have using one of your demo themes, without any code changes or edits. However Google tells me there are error on pages on mobile views. But I am not sure what is wrong, I have not changed anything. Please see below the errors. These errors are on all of the pages, Home page and all of the product pages.

Using theme: eCommerce Robust

Clickable elements too close together Content wider than screen​

Can you please help me identify the issues and how to fix them please?

Thank you in advance.

Hey MohsenB,

The screenshot I previously provided is from the official Google mobile-friendly test.

I would recommend enabling asset minification (css/js) via https://wordpress.org/plugins/autoptimize/ or your preferred performance plugin. That will cut down on the number of requests, and hopefully allow the test to run better.

Kind regards,

Thanks for your reply,

I have installed and optimized everything (using Autoptimize) and minified everything. the issue is still there.

I ran the Google Mobile Friendly test separately and results where still the same with the errors,

I ran the Google Mobile Friendly test through the google admin page also, the errors are still visible.

Please see here:

https://snipboard.io/5EiTXx.jpg https://snipboard.io/5edZaq.jpg

Your help is appreciated.

Thank you

Hey again MohsenB,

When running your URL through the mobile test, I’m seeing mixed results. i.e. after running the test 10 times, most of the time it’s passing and with one time showing as failing.

On the occasion that it showed as failing with those two warnings, clicking the actual error reveals a screenshot of the page and it’s clear the see that the assets have not loaded for the test: https://ibb.co/zRSvtPB

My guess is that it’s related to the same topic as discussed here on the Google search console forums:

https://support.google.com/webmasters/thread/6413626/problem-with-mobile-usability-error-and-mobile-friendly-test?hl=en

Hi, I would like to add navigation arrows to the Testimonial Slider ‘Single Visible Basic – style no 4’ as the ones used on ‘Single Visible Minimal – Style no 3’. Would be great to have the option to add in the theme settings in future – is there a code snippet I can use to add this? Many thanks.

You’re welcome, lightwavi :) You could remove that by also adding in the following snippet:

.testimonial_slider[data-style=minimal] .controls {
  display: none;
}

Cheers

Brilliant, what great service!

Glad I could help, lightwavin :)

Cheers

Hi guys,

I’m running into an issue with full width video (Nectar Slider, the WP Bakery video element or using the background row / column video.)

At certain browser window / device sizes the video displays fine, filling the row vertically, but if I adjust, or view on narrower devices I get background color bars peeking through on top and bottom.

A very simple solution would be to force the video to always stick to the top of the row / column, and any vertical bars would simply all display at the bottom of the video – but I’m not sure how / where to change this … I’ve selected ‘Top’ for Column Content Alignment, but to no avail…

Hope that all makes sense :)

Thanks in advance!

Hey ND8 :)

Bars as you are describing would usually occur when the video uploaded is not in the correct aspect ratio. Elements that allow videos to be as a background are expected to be provided in a 16:9 aspect ratio in order to scale them to fit correctly. Can you verify what size you’ve uploaded the videos at?

Kind regards

Oh my lord. Staring me right in the face. I was absolutely certain I was missing something on my side – so obvious, lol – thanks as always

You’re welcome, ND81 :)

Hi,

I’ve been using your updated call to action basic buttons which work well but there’s no option for hover text color, is this something you plan on implementing soon as it seems to me to be a slight oversight or is there a way I can change this manually for some buttons?

eg. a white text/white border black background button hovering to show a white background but the text stays white and not legible.

Thanks

Hey Micatuca,

It will be added as an option in the release.

Feel free to please reach out via the contact form on my author page in regards for a copy of the current beta version with that included :)

Kind regards,

I write media query for headings in custom css but its not working, The style is getting from salient-dynamic-styles.css, I can’t override the css.

Hey ajinananth, can you please share the CSS rule you’re writing and share your page URL so that I can take a look at your settings to assist?

Thanks in advance,

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