Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Cart 170,217 sales
Recently Updated
Well Documented

ThemeNectar supports this item

Supported

38438 comments found.

Hi

Is it possible to achieve similar to this; https://demo.vectorartmedia.com/design/learn-the-rules/

Possibly using e.g. Bottom Aligned Thumbnails, and or “YITH Ajax Product Filters Compatible”

http://themenectar.com/demo/salient-ecommerce-ultimate/shop-feature-highlights/#single-product-layouts

Would you have any suggestions on how to achieve the above?

FYI ….. I will be using the Fancy Product Designer plugin with Salient https://fancyproductdesigner.com

Cheers nick

Hey Nick,

It would indeed require custom development – you can start by taking a look at the salient/woocommerce/single-product/product-image.php file in regards. If you mostly are just trying to get the thumbnails aligned right on top of the sidebar, it could be achieved through CSS alone.

Cheers

Cheers thanks for your help!!

You’re welcome Nick :)

Hi ThemeNectar,

If you could please visit: http://evermaven.agency/

I am trying to change the Nectar Slider Header and Caption style within the opacity box for mobile but no matter what CSS is use I am unable to change the text-size. However, the text-size below is not used.

I currently have the following within style.css (child theme) @media only screen and (max-width: 690px) { .swiper-slide .container .content p { font-family: Melbourne-Light !important; letter-spacing: 0 !important; font-size: 30px !important; line-height: 38px !important; font-weight: 600 !important; width: 100% !important; } }

Many thanks.

Best, Alan

Hey Alan,

When editing the Nectar Slider element within the page builder, you can alter the text size via the “mobile text sizing override” tab: https://ibb.co/vvT65Fk

Cheers

Thanks for the reply.

Is it not possible to control the style with CSS or is the page builder the only option?

Best, Alan

Hey Alan, if you’d prefer to use CSS 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) {

#ajax-content-wrap .nectar-slider-wrap[data-full-width="true"] .swiper-slide .content h2, 
#ajax-content-wrap .nectar-slider-wrap[data-full-width="boxed-full-width"] .swiper-slide .content h2, 
#ajax-content-wrap .full-width-content .vc_span12 .swiper-slide .content h2 {
    font-size: 34px!important;
    line-height: 38px!important;
}

#ajax-content-wrap .nectar-slider-wrap[data-full-width="true"] .swiper-slide .content p, 
#ajax-content-wrap .nectar-slider-wrap[data-full-width="boxed-full-width"] .swiper-slide .content p, 
#ajax-content-wrap .full-width-content .vc_span12 .swiper-slide .content p {
    font-size: 20px!important;
    line-height: 30px!important;
}

}

My menu item just being uppish on the header. Can you please check it: https://www.nshamim.com and see what happened? I tired to customize every part of Header….but its not working. :( Please help.

Thanks shamimnasir,

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


body #header-outer header#top nav {
    display: flex!important;
}

Cheers

Thanks. Its working. Can you please check this this page and say why the unordered items being broken? https://www.nshamim.com/about/

Hey shamimnasir,

Add this in as well:


#ajax-content-wrap .col.centered-text ul, 
#ajax-content-wrap .wpb_column.centered-text ul {
    display: block;
   text-align: center;
}

#ajax-content-wrap .col.centered-text ul li, 
#ajax-content-wrap .wpb_column.centered-text ul li {
   list-style-position: inside;
}

Cheers

I have uploaded a video on the page header. Video is playing perfectly but its audio is not available. I need to have audio of this video as well. Please help me to figure it out.

Hey RanaUsmanHamid,

Last year most major browsers started prohibiting audio from autoplaying videos: https://developers.google.com/web/updates/2017/09/autoplay-policy-changes if your video requires audio, you’ll need to add that into a video player element (with controls) or through a video lightbox element rather than having it be a background layer.

Cheers

Hello

I have an issue with fullscreen bio, the title of the person is hidden by the top header containing the logo and scrolling isn’t working very well.

Do you have any suggestions on either hiding the Logo header / Menu when the fullscreen bio is activate or how I can get the content to sit under the Header / Menu?

See here: https://www.dropbox.com/s/eulpysxwrfsjht9/TeamBioIssue.mov?dl=0

Thanks

Hey siarnoldi2, could you allow me to check out the live URL so I can see why the overlay is not correctly going over the header as it should?

Thanks in advance

Hello

Sure – see the page and problem with the fullscreen bio here

http://berkhamstedchiropractic.com/our-team/

If you could respond asap that would be much appreciated.

Thanks

Thanks siarnoldi2,

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


.nectar_team_member_overlay {
    z-index: 10000;
}

Hello when I add a background image to a row, “Parallax Background Toggles the parallax effect for your BG image. (You have multiple speeds available to you for this effect)” this option does not appear. I’m using theme version 10.0.1.

Hey jackcweston,

Have you checked the new “animation” tab when editing the row: https://ibb.co/gy6h8H0

Cheers

Thank you this worked.

You’re welcome jackcweston :)

Hello,

Yeah my site also like that one. Same as princebhalani143

Hey effective_advisory, please change your theme skin to “material” in the general settings tab temporarily to fix that – another minor update to fix the new Chrome related issue with be out soon.

Owh man. Then I need to change some css also.

Ok, thank you. But if there is a some line of codes that I can delete in the backend files instead of changing the theme skin, feel free to tell me.

Hey effective_advisory, we’ve released an update today to sort it in all theme skins

Cheers

Hello Team,

I have updated one of my client website with new salient update and it’s trowing below error in chrome console.

[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See <URL> /wp-content/themes/salient/js/init.js - 1259

Can you please let me know how to resolve this kind of errors?

Thanks, Prince

Hey Prince, in older theme skins (original, ascend) Salient uses a smooth scrolling script, which is not necessary now since most browsers already provide that by default. You can disable it by switching to the latest skin (material) in the Salient options panel > general settings tab. That should remove the warning/fix the issue – It’s also going to be removed in the next theme update for all skins.

Hello Team,

Thanks for your quick response, It has also fixed other issue as well like jumping screen while scrolling down.

Thanks, Prince

Glad to hear princebhalani143 :)

Hi, support Elementor? :(

Hey tecnologyuy, Elementor should work if you opt to use it over the Salient page builder – have you encountered any issues?

Hi, I’m going to try it these days, any problem you notice here :)

Sounds good tecnologyuy

Hi I have just tried to update my theme to the latest version (from the previous version) and the update gave me a fatal error on my website and would not let me access my own site. I had to restore my website from server backups and tried again—this time it just left my site with white screen and unable to login or access the site www.thefictionstoryroom.com

Is there some issues with this update? Looks like now I will have to restore my website again back from server backups which takes several hours….should I just skip this update altogether?

Thanks ThemeNectar…I think the issue is on my end. I noticed on the staging server it works where the PHP database has been updated to 7.2 and the current production server where it failed was on PHP 5.1.

Thanks ThemeNectar…I think the issue is on my end. I noticed on the staging server it works where the PHP database has been updated to 7.2 and the current production server where it failed was on PHP 5.1.

Hey JayCarver, i’m glad to hear you figured out what the issue was :)

Hi. For a slider on a single portfolio page (example: http://themenectar.com/demo/salient-corporate/portfolio/night-sky-app/), is there a way to display either the title or caption for each image? Thanks.

Hey dcg627,

That would only be possible when selecting the lightbox functionality with that specific image slider – the caption would appear after opening each lightbox.

Hi there,

On this page: https://salescyclegroup.nl/ I’ve a testimonial slider with images. The last testimonial and the 5th to last (Vinanda Paap) are lower on my screen compared to the rest. Is there any way to place some code so all the images are on the same line (also on screens bigger then mine, 1100px wide).

Thanks in advance. Best regards, Tes

Hey Tes,

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


@media only screen and (min-width: 1100px) {
body .testimonial_slider[data-style*="multiple_visible"] blockquote p {
    min-height: 450px!important;
}
}

Cheers

Hi, Since upgrading Wordpress from 4.9.10 to 5.1.1 the page builder of my site has quit working. I have upgraded to the latest version of Salient, but this has not resolved the issue. Any trouble shooting tips?

Any other ideas? Really appreciate the help!

Ohh.. I see I misunderstood you. I should have that checked. Did that, and it fixed the issue! Any idea why that would become unchecked in the update?

Hey pvictor4 :)

I’m not sure why that would have gotten unchecked, but you could add this into the custom css box located in the Salient options panel > general settings > css/script related tab to force it on all columns by default:


.wpb_row .column-image-bg-wrap .column-image-bg {
  background-size: cover;
}

Cheers

Where would I go to change the container width for mobile? For example, if I change my layout to BOXED, the container is much wider, on mobile, than the standard container width on mobile.

I would like my standard mobile width to be the same as whatever the width is when I use a BOXED layout. Thank you.

Hey arteest, the boxed mobile width (below 690px) should behave exactly the same as the a non boxed layout. Can you share your URL where that’s not occurring?

Hey,

I have set a background image for the navigation header but this image only shows up on the home page nav for some reason. How do I make it show up on every page’s navigation?

I’ve set my CSS to

header-outer {

background-image: url(’/image.jpg’); }

but the image only works on the home page header.

Here’s a URL as an example https://bit.ly/2WFpKDD

Thanks nothanksimgood,

Change your URL to use the full path like so:

url('https://tutts.evander.com.au/wp-content/uploads/2019/04/header-background.jpg')

Cheers

Thanks. Is there a way to give the pricing tables a colored/shadowed box as background? For example on this page you’ve got 4 pricing tables but they don’t really stand out besides the highlight color. https://bit.ly/2WFpKDD

You’re welcome nothanksimgood,

You would need to use CSS like:

.pricing-table[data-style="flat-alternative"] .pricing-column.extra-color-2 {
  box-shadow: 0px 13px 16px rgba(0,172,232,0.2);
}
.pricing-table[data-style="flat-alternative"] .pricing-column.extra-color-1 {
  box-shadow: 0px 13px 16px rgba(238,54,128,0.2);
}

Cheers

How do I change: 60 € to €60,- ?

Hey Marc,

In the Admin Dashboard > WooCommerce > Settings > General tab, you can use the “Currency position” option for this.

Cheers

Hi TN,

Is there a way to customize the way the Single Product Gallery looks? I want to do the layout my self.

I also have blurred images that I just can’t seem to fix. See: https://www.cbd-institut.de/shop/ Can you please advise?

Thanks, Marc

Hey Marc,

You can adjust the image sizing via the WordPress customizer > WooCommerce settings – it’s a built in option for the WooCommerce plugin: https://woocommerce.wordpress.com/2017/12/11/wc-3-3-image-size-improvements/

Cheers

THNX and is there a way to customize the way the Single Product Gallery looks? I want to do the layout my self.

Hey Mark,

That would require modding to the salient/woocommerce/single-product/product-image.php file in regards

Hi support, this is my portfolio item page : https://www.raudhahcity.com/project/2-storey-terrace-house-for-sale-cyberjaya-petunia-26-x-70.

Seems that the “back to top” button did not appear at the bottom of all portfolio items pages. it only appear on normal wordpress pages. May i know how to get the back to top button appear in portfolio?.

Hey shaky512, the back to top button doesn’t show when using the “fixed to bottom” social sharing option on single posts/projects. To get it to display without custom modding you would need to remove that option in the Salient options panel > portfolio tab

Cheers

Is there a way to have both social sharing & back to top button features on the portfolio page?

Hey shaky512, as of now that would require modding to the salient/js/init.js file

I am interested in your template but does this work with visual composer full frontend editor or only with your tailored version?

Hey johnblaze,

we offer a the frontend editor of the WPbakery page builder – the Salient specific version is required for that in order to make all of the js based elements within Salient display correctly.

Cheers

Hello,

Centering doesn’t work on Safari. Could you have look please?

http://cadeautje4you.nl.transurl.nl/contact/

Thanks

This got solved maybe it was cache or something. Thanks!

Glad to hear TwitchvertisingNL :)

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