38442 comments found.
Thanks!
Hey ilashme 
1. Not via the image gallery element itself, however, you can use the “carousel” element set to the flickity style and then use fancy box elements inside of it to achieve a similar look. We have an example of that on this demo below the portfolio: http://themenectar.com/demo/salient-freelance-portfolio/
2. Not as of now, but i’ve noted the idea on the wishlist
Cheers
Thanks for answer ! Yes, I can go with fancy box in carousel with flickity style but, I got a little problem. My fancy box is set to min-height of 600px. It look nice on desktop, but on mobile, it’s to tall. I can’t find the class to set min-height of 400px for mobile. I’m still on local, so I can’t share my website, but it’s a same slider like in your freelance portfolio, just taller. A little help would be perfect! And yes, definitely put custom indicator in the wishlist! Thanks!
And one more thing. I have option Header Hide Until Needed turn on. When I reach to the end of the page, header appears but, it covers upper part of the footer on laptop resolution (I have quite large footer). You can see image here https://prnt.sc/qgoxlg Is there a possibility to display the header only when start scrolling upwards, not when it comes to the end of the page? You can see what I mean on this website https://discoverylandco.com/ Thanks!
Hey ilashme,
1. 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) {
.nectar-fancy-box[data-style="color_box_hover"] .inner {
min-height: 400px!important;
}
}
2. As of now that would require some custom javascript modifications, though I’ve noted the idea on the wishlist
Cheers
Unfortunately it doesn’t work. I already try that. Any other suggestion?
When I’m here, another question before the New Year
On desktop the copyright in the footer is left aligned, and the social icons are right aligned, however when at mobile size, the social icon goes underneath the copyright and I don’t wont that. I wont to reverse the order. Is this possible?
Thanks a lot master 
Hey ilashme, 1. The snippet I previously provided should work so I would need to see your URL in regards so see why it’s not taking in your setup
2. You can use the following:
@media only screen and (max-width: 1000px) {
#footer-outer #copyright .container .span_7 {
float: right;
width: auto;
}
#footer-outer #copyright .container .span_5 {
float: left;
width: auto;
margin-bottom: 0;
}
}
Ok! After New Year, I will publish my website and you can take a closer look. Footer is ok now! Thanks for all your answer!
Sounds good, ilashme 
Hi Theme Nectar! It’s me again
About my fancy box in flickity slider.
My previous problem was: fancy box is set to min-height of 600px. It look nice on desktop, but on mobile, it’s to tall.
You provide me a snippet:
@media only screen and (max-width: 1000px) { .nectar-fancy-box[data-style=”color_box_hover”] .inner { min-height: 400px!important; } }
but unfortunately it doesn’t work for me. Here is my website
shorturl.at/gopY2
Can you check? Thanks!
Hey ilashme, the URL provided does not seem to be taking me to a site, but rather a google search. Could you kindly try adding in your site URL again?
Thanks in advance
Sorry about double post 
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?
Even a way to “replay” the counting animation would be useful for me.
At the moment I have some JavaScript that when you click a button it adds a mile-stone element to the page with a specific number which it gets from a database. However, the Milestone does not animate until you scroll past and back.
Would love it if on the button press I could “trigger” the event which runs the animations.
This: https://i.imgur.com/1tz3c5L.gif vs This: https://i.imgur.com/5DQa1Qi.gif
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.
Hey gorangagrawal5, please share your URL so I can take a look at your setup to help out.
Thanks in advance
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=trueThe 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/M4vdLwQHey scratsmacker, that is not the default color for category headings. Could you kindly share your URL so I can take a look to help out?
Thanks in advance
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
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, You can use the “design options” tab within inner rows that are placed inside of a column for this: https://ibb.co/qNDCj5h
Cheers
I don’t think you understand what i mean. And if i select a color and border radius, it won’t work. And i think this is a border around the whole column?
I want a vertical line between 2 columns in the middle.
Hey PascalvanM,
You need to add the border width in the left-hand side of the design options tab, in the border box. Please see the attached screenshot in regards: https://ibb.co/vmNQVWV The boxes you see on the left hand side control the top, right, bottom and left sides of the border (and also padding/margin). Simply add your desired width on the side you want. The “border radius” dropdown you were using in the video is unrelated to what you’re trying to accomplish
Thank you for your explanation. So it comes down to the fact that it is very difficult to separate 2 columns with a simple vertical line? Because if I do it this way then this line will continue to be seen on mobile. And that is of course not so beautiful and logical.
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,
You can use the “Call to action” element within the page builder set to “underline” for the style.
Cheers 
Thank you very much, I enjoy working with the Salient for three years & of course I know about this option.
The thing is that, I don’t need the Header tag, just animated list of links in bottom menu.
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