Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Cart 170,269 sales
Recently Updated
Well Documented

ThemeNectar supports this item

Supported

38442 comments found.

Best theme ever! Two question. Is there any chance to add text on image with Flickity Static Height Style gallery like in screenshot here: https://prnt.sc/qek64l I try with info boxes but I cant put the text in the bottom of the image. And is it possible to change indicator to custom indicator?

Thanks!

No worries ilashme :)

For the style you’re using, the snippet will need to be changed to the following:

@media only screen and (max-width: 1000px) { 
.nectar-fancy-box {
    min-height: 400px!important;
}
}

Cheers

Sorry for late answer. Works like a charm! Thank You so much!!!

Glad I could help ilashme  :)

​Hi ThemeNectar. Love the theme been using it for 5 years!

Question: All animations that are part of the Salient Theme are tied to the the element becoming in the window frame or existing the window frame, basically scroll activated.

However, Is there a way/method to get a the Mile Stone counting animation to trigger on a button press. Maybe a method that the button can call or another way to do so?

Hey shadowrider921009! The animation for that element is handled through the “milestoneInit” and “milestoneWaypoint” functions in the salient/js/init.js file. You would need to either copy some of the logic from that to initialize yourself or modify the existing file to trigger those on the click event

Cheers

Thanks will take a look at the init.js. Though I would prefer not to make changes directly to the file itself as I won’t be able to easily update the theme then.

Are these function’s scope private or could I call them from another JS file?

If not I will attempt to copy some of it to my own JS file.

Thanks, anyway!

Hey shadowrider921009, Unfortunately, those functions are scoped to the file as with most others.

Hello Team,

Thanks for creating such a great theme, I have suggested this theme to my all the clients since the day one.

I’ve a few minor suggestions if you don’t mind to implement in your next new year release.

Can you please minify JavaScript and CSS for the following resources to reduce their size?

As of now I am doing it manually for the CSS and JS and when minifying init.js it’s breaking the theme functionality. I would not like to use the third party plugin to minify JS and CSS sometime it’s increasing the page load time instead of decreasing(tested with multiple plugins).

/plugins/js_composer_salient/assets/js/dist/js_composer_front.min.js
/plugins/js_composer_salient/assets/js/vendors/woocommerce-add-to-cart.js
/plugins/salient-core/js/third-party/touchswipe.min.js
/plugins/salient-portfolio/js/third-party/imagesLoaded.min.js
/themes/salient/js/init.js
/themes/salient/js/priority.js
/themes/salient/js/third-party/flickity.min.js
/themes/salient/js/third-party/hoverintent.js
/themes/salient/js/third-party/jquery.easing.js
/themes/salient/js/third-party/jquery.mousewheel.js
/themes/salient/js/third-party/magnific.js
/themes/salient/js/third-party/modernizr.js
/themes/salient/js/third-party/superfish.js
/themes/salient/js/third-party/transit.js
/themes/salient/js/third-party/waypoints.js
/themes/salient/nectar/woo/js/quick_view_actions.js

Minify CSS for the following resources to reduce their size?

/plugins/js_composer_salient/assets/css/js_composer.min.css
/themes/salient/css/elements/element-tabbed-section.css
/themes/salient/css/font-awesome.min.css
/themes/salient/css/grid-system.css
/themes/salient/css/plugins/magnific.css
/themes/salient/css/responsive.css
/themes/salient/css/skin-material.css
/themes/salient/css/style.css
/themes/salient/css/woocommerce.css

If the by default theme it self is using minified resource then we don’t have to deploy the same when new update came in place. Even though some of the minified files also need some more minification. If you could deploy the same in next big release it’ll be more helpful.

Thanks, Prince

Hey Prince! We have opted to not ship the files pre-minified to allow users to still easily see/modify the source. Plugins for performance (Caching etc.) would still be wise to use on a production deployment outside of just minification, which many combo together such as W3 Total. It’s very strange that when you’ve tried plugins for enabling minification/caching that it slowed your site and decreased your pagespeed. Could you please open a ticket on our support forum in regards with temporary admin credentials so we can take a closer look into this: https://themenectar.ticksy.com

Thanks in advance

Just a suggestion…. You should allow users to select the header tag when using the “separator with text” instead of forcing a h4 tag because people are likely to use that element for headings with lines which should be h1, h2 and h3

Hey peterstavrou, That specific element is apart of the WPbakery core element set rather than the Salient set. However, I’ve noted the idea in regards :)

why image gallery get error after i migration to new hosting?

Hey losnojos, I’d be glad to take a look if you can share your URL in regards

graphicus.co

i send you via support ticket also, but seem slow respond also

New update has an issue with particle header and its content alignment. Please check it.

Thanks gorangagrawal5,

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


body #page-header-bg[data-alignment-v="bottom"] .span_6,
body #page-header-bg[data-parallax="1"][data-alignment-v="bottom"] .span_6, 
body #page-header-bg[data-alignment-v="bottom"] .nectar-particles .inner-wrap {
    bottom: 12%;
}

Fixed! Thanks a lot

Glad I could help gorangagrawal5 :)

Hi guys,

is it possible at all to leave the team member names visible on mobile devices?

Thanks!

Hey dephixeb, could you kindly share your URL or let me know which team member style you’re using?

Thanks in advance

Hi! yeah it’s the bio fullscreen modal: http://www.cornerstoneam.co.uk/team/

Thanks dephixeb! 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: 1000px) {

body .team-member[data-style="bio_fullscreen"] .team-member-overlay {
  opacity: 0.8;
}

body .team-member[data-style="bio_fullscreen"] .team-meta h3, 
body .team-member[data-style="bio_fullscreen"] .team-meta p {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    opacity: 1;
} 

}

Hi there,

On this page: https://nieuw.kleidi.nl/portfolio/finestri-website-op-maat/ I’ve a blockquote. Is it possible to show this blockquote (on all my portfolio items pages) in a smaller font-size on mobile?

Thanks in advance.

Hey Abbenhues,

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: 1000px) {
body .nectar_single_testimonial[data-style] p {

      font-size: 26px;
    line-height: 38px;
}
}

Cheers

When I upload images which are very tall the media gallery is automatically resizing my images. I thought I’d see if this was a default setting with the theme before I start looking at plugins which could be causing the problem.

Here is an example of it happening on my my site. https://alexbirks.co.uk/portfolio/website-design-portfolio/?preview_id=9136&preview_nonce=3a21a78878&_thumbnail_id=9152&preview=true

The pictures are all 2000px wide when uploaded, but are being resized to around 1000px.

Hey alexbirks, if you’re trying to get the images to all automatically take up the full width of the column, you can add this into the custom css box located in the Salient options panel > general settings > css/script related tab:


body #portfolio-extra img {
    width: 100%;
}

Hi the actual problem I’m having is that the images are physically being scaled down when I upload them. So if you download the image and check the pixel dimensions a 2000px wide image will now be 1000px wide. Is this likely to be an issue with the theme?

Hey alexbirks,

I suspect what you’re experiencing is related to the new core feature added in WordPress 5.3: https://make.wordpress.org/core/2019/10/09/introducing-handling-of-big-images-in-wordpress-5-3/

They also added a filter to disable it, which can be added in your child theme functions.php file

add_filter( 'big_image_size_threshold', '__return_false' );

Why do some of my category headings look like this? White font top left.

https://imgur.com/M4vdLwQ

Thanks scratsmacker,

This is occurring due to the archive loop incorrectly picking up the “custom font color” option which is set for some of the posts in the “post header settings” metabox. This will be corrected in the next update, however, you can fix it immediately by adding this into the custom css box located in the Salient options panel > general settings > css/script related tab:


.archive .page-header-no-bg h1,
.archive .page-header-no-bg span {
  color: #000!important;
}

Thank you very much for your help! Always appreciated.

You’re welcome scratsmacker :)

Why is it almost impossible to choose the desired icon? Why is it a list that is not sorted alphabetically (font awesome)? Why there are no visible icons but only their names? I’m talking about the Unsorted Fancy List element when using the font icon.

Hey SlavekT, the fancy unordered list is a legacy element that existed in Salient before the page builder was integrated years ago. It’s icon selection UI is not using the same one which all of Salient icon based elements use – there should still be a preview of each icon showing next to the name though. Since you’re not seeing that, please open a ticket on our support forum in regards with temporary admin credentials so we can take a closer look: https://themenectar.ticksy.com

Thanks in advance

I couldn’t find this by searching, but I’m having a problem with the carousel. I am unable to add more items. The small plus sign next to the other item tabs is missing. See screenshot https://snipboard.io/eGEOVX.jpg

Updated to php 7.3, theme is current (11.0.3), wordpress is current (5.3.2).

Thanks for your help.

Hey Dudewanarace, could you kindly each out via the contact form on my author page with a temporary login so I can take a closer look to assist? https://themeforest.net/user/themenectar

Thanks

Hi ! How can I change the product title’s font size in the Related product section? There is a way on the Salient configuration tab or should be made with CSS?

Hey niuradio,

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


body #ajax-content-wrap .related.products h2, 
body #ajax-content-wrap .upsells.products h2 {
    font-size: 40px;
    line-height: 50px;
}

Cheers

Hi guys, for some reason the woo-commerce product short description pops up for a second upon page load but then disappears. Any idea why this would be?

https://www.chickenandblues.com/product/black-cb-trucker-cap/

Hey elitemediaagency, that’s strange – I would need to take a closer look at the backend to see what might be causing that behavior. However, you could also add this into the custom css box located in the Salient options panel > general settings > css/script related tab to force it to display:


.woocommerce div.product .woocommerce-product-details__short-description .panel {
  display: block!important;
}

Hi there, is it possible to create a vertical line between two columns?

Example: https://firstconsulting.nl/nl/contact/

If this is not the case, then this would really be an added value in a new update!

Hey PascalvanM, as of now that is the only built-in way to achieve it. I’ve noted your idea on the wishlist :)

Ah pity. If you can realize this in a future update, then I am very happy. Find this really something of added value. Good holidays and already the best wishes

Thanks PascalvanM, happy holidays to you as well!

Hey guys,

Is it possible to get a single image component to stick to a side of a screen WITHOUT changing the size of the image in the Single image settings or using full width content.

I have been trying to get it to stick to a side by changing it to 200% but the result looks fine on some displays(1920×1080) but weird on others (1366×768) and macbooks

Please check this link: http://upavan-rohanbuilders.com/

Hey bachuramadhikari,

Setting a max width on the image which is greater than the available space (as you have done) is the only way to handle that without custom development. If you want to adjust the sizing on smaller screens, you can 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: 1500px) and (min-width: 1000px)  {

body .img-with-aniamtion-wrap[data-max-width="225%"] .inner {
    width: 155%;
}

body .img-with-aniamtion-wrap.right[data-max-width="225%"] .inner {
    margin-left: -75%;
}

}

Cheers :)

worked like a charm!! thanks as always!

Glad I could help bachuramadhikari :)

Hi.

How can I use the animated underline in other links?

Thank you for your work.

Hey 9546667, if you’re referring to the footer area, there was a new option added for that

Shame on me.

Thank you very much twicely!

No worries 9546667, glad you were able to find it :)

Hello!

How can I change the order of Category Grid? in https://www.ayeartesmolduras.com.br/?

Hey vollareme!

There’s a little hack you can do to manually reorder them – if you switch into the “Classic Mode” editor and run a search for “blog_category”, you can move the categories around as desired in the shortcode: https://ibb.co/vXg68zw

Cheers

hi http://gastromallorca.net/dean/ if you go down in tstimonials on mobile dosent show correctly, show a little bit to the left, not centered

Hey dimage, that will be corrected in the next release. For now, add this into the custom css box located in the Salient options panel > general settings > css/script related tab:


body[data-col-gap="40px"] .vc_row-fluid .span_12.testimonial_slider {
  margin: 0;
}

I have installed the theme. But on pages section i only see old pages of old theme which was deleted. Do i have to import pages separately? I did import demo from Salient – Demo Importer. I don’t see imported demo when i open the domain.

Hey zucchero, have you assigned your home page in Settings > Reading or assigned a menu in Appearance > Menus? http://themenectar.com/docs/salient/assigning-home-page/ If so, please open a ticket on our support forum in regards with temporary admin credentials so we can take a closer look into this: https://themenectar.ticksy.com

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