38436 comments found.
How can I overwrite the loop-markup.php file (salient-core / includes / post-grid / loop-markup.php) in the child theme? it’s possible?
Hey santimon,
You can copy the function within that file (nectar_post_grid_item_markup) into your child theme to modify it.
Cheers
Hello! I have carousel slider with dark background with image and text.
I made 2 column inner raw: left – image bg, right – text on white background.
Problem: with 5 carousel slides – each inner raw in nexts slide different height because of different amount of text. Same on mobile.
Question: how I can make each inner raw / column with white background SAME height in each carousel slide?
I tried many “tricks” and div space etc – BUT it’s impossible to make it super precise and always height is different in each slide and on dark background it’s visible.
Thanks
Hey SiamNinja!
Can you please share the relevant page URL so that I can provide some CSS based on your specific setup?
Thanks in advance
Hi, Is it possible to activate mansory overlaid style on related posts? I saw that on related posts we have a different, classic style that i dont like.
Hey fbiazetto, As of now there’s no option to use the meta overlaid style for the related posts. In the Salient options panel > blog > functionality tab you can switch it to the “material” style if desired.
I’ve noted your +1 for the idea to add the meta overlaid as an option.
Hi,
First off, love your theme. I’ve built dozens upon dozens of sites on it. I would love to be put in touch with the owner of the Salient theme, as I have a business proposition.
In any case, here’s my issue. Images that do not have perfect proportions, get cut off: https://prnt.sc/tile4n
I understand that this is naturally so. Most themes, especially low quality ones all have the same issue. it’s super annoying and I’ve always had to hire a developer to code in the fix for it.
Images should shrink ‘proportionally’ and fit into the container. That is how every half decent eCommerce website works. See Amazon or ebay as an example. No matter the size or proportions of the image, it will always display fully zoomed out within the container. (without stretching!)
My question is twofold:
1. Do you guys have a snippet of code that I can give to my devs to solve this? If yes, please send it my way and I’ll save it for all future builds.
2. Can you guys consider applying this fix in a future update? It is supper annoying and basic. No one is going to build a substantial website with that bug and go live without fixing it. And the notion of cropping every image offline to perfect proportions is not viable.
Here’s an entire plugin (rip off) dedicated to fixing this issue: https://sirplugin.com/
With Salient being, practically, the most luxurious WP theme on the market, I think it’s only right that you guys factor this into an upcoming update. Unless it already exists and I’m not aware!?? That would make my day.
p.s. this fix should apply to the products as they are showcased and to thumbnails: https://prnt.sc/tilgfn and if you want to get real fancy, it should apply to parameters of the image when being viewed: https://prnt.sc/tilgr1
Hey nateadmin,
WooCommerce itself directly handles the image sizing for products through built-in functionality. To accomplish what you’re looking for as of now would require the use of a plugin or setting the thumbnail cropping to “uncropped” in the Customizer > WooCommerce settings and then using custom CSS to constrain the width/height to make those uniform.
I’ve noted the idea on the wishlist 
Cheers
hey guys, I’m currently using the team template that comes with the theme. When you click on a profile there is a full screen popup. I’ve customised it with your help to just display the text without the photo now, but I’d actually like to add a small profile picture next to the text. How can that be done? Thanks!
Hey titansdesign,
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: 1000px) {
body .nectar_team_member_overlay .team_member_details {
padding: 5% 10%;
width: 50%;
}
body .nectar_team_member_overlay .team_member_picture {
height: 50%;
width: 25%;
position: relative;
display: block;
}
body .nectar_team_member_overlay .inner-wrap {
align-items: center;
justify-content: center;
}
}
Hello how I can change size of the button in menu? https://digitalbrand.cc/ Thank you.
Hey Fixedman, add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
#top nav > ul > li.button_solid_color_2 > a:before,
#header-outer.transparent #top nav > ul > li.button_solid_color_2 > a:before {
height: 40px;
}
#top nav >ul >li.button_solid_color_2 > a,
body #header-outer.transparent #top nav >ul >li.button_solid_color_2 > a {
padding: 0 30px!important;
}
Thank you, but height is not changing at all.
Hey Fixedman, you need to remove the “pre” tags which got accidentally pasted in with the snippet: https://ibb.co/s6gSXx1
Hi. How can I do to add a link in the name of the product ? I use option woocomerce classic. Example: https://www.barracaparana.com/categoria-producto/pisos/pisos-flotantes/pisos-flotantes-egger/
Hey mirazoqui,
You can use the following snippet in your child theme functions.php file:
add_action('woocommerce_before_shop_loop_item_title','salient_product_name_link_open',20);
function salient_product_name_link_open() {
echo '<a href="' . esc_url( get_permalink() ) . '">';
}
add_action('woocommerce_after_shop_loop_item_title','salient_product_name_link_close',20);
function salient_product_name_link_close() {
echo '</a>';
}
Cheers
Thank you!
You’re welcome mirazoqui 
Are we ever going to get these nice Menus/Headers like the other themes? Its been years and the only thing that your theme is lacking from being #1 is the menu with top bar, nice phone number, hours, etc.
Hey EmpireVoid,
Salient has been consistently adding new menu layouts and header options over time. In regards to a standout phone number/text section – the next release will likely include additional options for that type of layout.
Stay tuned 
Hello – Just a quick question. how do i remove the click through to the single portfolio page on one particular project? Pretty much just want all the portfolio thumbnails to appear there, with the hover effect on all, but no option to click-thru on just one project.
i attempted to add the class name and then add a custom css with pointer-events: none: but removes all ability including hover, i want to keep hover but remove click thru on link
thanks!
Hey timzyhasanego!
The pointer events method would be a good route, just will have to tweak it a bit.
}
.custom-class-name .work-info a {
pointer-events: none;
}
If that doesn’t work for you, please share the page URL so that I can see which settings you’re using, as the markup changes on certain project styles.
Cheers
Hi,
that didn’t seem to work & thats the same route i initially took but didn’t work
but here’s the link https://www.ainammania.com/play/
Hey timzyhasanego,
I just tested the following snippet live through dev tools and verified that it works for your setup:
.portfolio-items .work-info > a {
pointer-events: none;
}
Which project are you specifically trying to target?
the one plus project its custom class name is one-plus but i also want to use the code for numerous other projects down the line should this code work?
Hey timzyhasanego, The following snippet is valid for that:
.one-plus .work-info > a {
pointer-events: none;
}
Can you verify that’s what you tried to use?
i can verify it works now, not sure why it did not earlier. greatly appreciated
Glad I could help timzyhasanego 
Hi. Background videos of any type. Self hosted, Youtube, background for div etc.. don’t work at all on Safari. How can I fix this?
Hey hanidanibami,
If you’ve already read the troubleshooting section of the documentation here: http://themenectar.com/docs/salient/page-builder-row/#video-background please share your page URL in regards where the video BG is in use so that I can take a look.
Thanks in advance
Is it possible to send in private?
Hey,
you can do so via the contact form on my author page https://themeforest.net/user/themenectar
I’m trying to make my portfolio items stay in 5-columns above 1000px but having trouble when I use the masonry isotope packery layout with 1px gutters.
https://tinyurl.com/y9cna4j3I have tried various ways to set the columns to 20% but they all seem to break the layout. I assume it’s because of the way the gutters are calculated? Is there a simple way to do it? Maybe CSS calc?
Hey Sean,
Try using the following:
@media only screen and (min-width: 1000px) {
#ajax-content-wrap .portfolio-items[data-gutter] {
padding: 0;
}
#ajax-content-wrap .portfolio-items[data-gutter] .col {
padding: 0;
width: 20%!important;
}
#ajax-content-wrap .portfolio-items[data-gutter] .inner-wrap {
padding: 1px;
}
}
Thanks!
You wouldn’t be able to put me on the path of a solution to target the first and last item in a row in this portfolio which uses packery?
I couldn’t work out a way to specify the order of the items (which you are supposed to be able to do with packery I thought?) but maybe there’s a way to add a class to the first and last item in a row in salient-portfolio.js ?
Hey Sean,
I’m not seeing an option for that in the packery config https://isotope.metafizzy.co/layout-modes/packery.html It would likely be easier to switch the layoutMode to “masonry” in the salient-portfolio/js/salient-portfolio.js file
Hi. I have 12 licenses for this product so I don’t want to purchase an extension on my support. Could you please inform which php version is best suited to your theme? I have upgraded to 7.3 and my site is lagging in speed. Wordpress would like me to go to 7.4.4 but I am reluctant if this theme isn’t working at 7.3. It used to be on 7.1.33 working fine. Thanks
Hey yogasanjay, there are no known issues with PHP 7.3 that would cause your site to slow down compared to previous versions, as PHP 7.3 is faster than older versions. Have you added any new plugins to your setup since changing versions and are you referring to the front-end or back-end?
We’ve also tested with PHP 7.4 as of the v12 release of Salient.
Ok I will look into it. I have just updated to 7.4.4 and this seems to be running better than 7.3.
Sounds good yogasanjay, I’m glad to hear 
Hi,
How can I insert a shortcode:
[hit_count post=100]
in Progress Bar Percentage?
Thanks!
Hey vik_, that field is not setup to output a shortcode in the progress bar. If you would like to modify the output file to accommodate, you can find it at wp-content/plugins/salient-core/includes/nectar-addons.php – the function to search for it called “nectar_bar”
Please look at my site here; https://www.alluvia.co.za/weddings/ – I have tried everything but on desktop it look great yet on mobile version the images next to the text (that falls in below the text on mobile view), becomes these really tall images, how can I globally set it so that it scales to 100% of the width, i.e. so you have a smaller image that is still 100% of column width but not equal height to text block only on mobile and tablet view?
Hey gustav939, only when a column is empty and has a BG image assigned will the logic kick in that sets the height equal to the sibling column for mobile. You can manually define a height for your empty (image) column by adding a divider element inside of the column. The height which you set for that divider will then be used on mobile.
Cheers
But my column is empty and has background image?!! I have loaded a split column from the templates and inserted it below those columns and it works correctly. With the SAME settings as my row and columns?
Hey,
The example template you imported at the bottom is still setting the height of column with the BG image equal to the sibling column on mobile. There’s just much less text, so the image is not nearly as tall as your other columns further up the page.
As I mentioned above, you can control the height which your BG image column will display at on mobile devices by inserting a divider element into that BG column like so: https://ibb.co/r2Y28gG
If you would rather use CSS to globally make the change, you can add this into the custom css box located in the Salient options panel > general settings > css/script related tab: https://pastebin.com/ZZsX6uyL
Thank you the global css works perfectly!
Glad to hear gustav939 
Hello guys, Can I have 2 seperate sections with articles on my website? I would need to have create 2 pages with different categories, right? For exemple, show “Events” articles for one page and “Blog” articles on an other page. Thank you for your help!
Hey neuhaus3000,
Yes, it would be possible to query posts by different categories on pages of your choosing
For this, you could either use the “Blog” element or the newer “Post Grid” element: http://themenectar.com/demo/salient-promo/dynamic-post-grid/
Cheers
Great, thank you!
Best theme!
Glad I could help, neuhaus3000 
Hey brianfreeman,
The map element will display at a static height (in pixels). If you’re looking to have the height of it adjust with the screen size as a percentage, you could add in the following CSS:
@media only screen and (min-width: 1000px) {
.full-width-content .nectar-google-map {
height: 31vw!important;
}
}
Hey there. Is there an option to remove the gap of space at the top/bottom of single post pages? Looks like about 30 pixels or so.
Hey arteest,
add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
body.single-post #ajax-content-wrap .container-wrap {
padding-top: 0!important;
}
.single-post .main-content,
.single-post .main-content > .row {
padding-bottom: 0;
padding-top: 0!important;
}
As always, thank you.
You’re welcome arteest 
Hi Salient! When I set the Off Canvas Menu to Slide Out From Right On Hover the margins in the header go almost to full screen. Is it possible to have them contained as they are normally?
Hey brianlichty 
The slide out from right hover requires a full width header navigation for the effect as of now, though I’ve noted the idea on the wishlist.
Cheers
Hey brianlichty,
I have not tested with that plugin, so it could potentially require additional integration to get positioned in the header correctly.
Hi, could you please make all of my https://themenectar.ticksy.com/ tickets private. I’m seeing considerable traffic from themenectar.ticksy.com to my online store, and it is jumbling my analytics. Ty.
Hey kseniavo, I just made that change.
Cheers 
Ty!
You’re welcome kseniavo 
Hello ThemeNectar,
I’m trying to create a row with slim margins in between columns, but the column margin option either says none or default. Is it possible to use a column margin width of say 5 or 10px? https://snipboard.io/HRQ7Os.jpgAlso, is it possible to override the colours of the CTA buttons?
Hey Micatuca,
1. Please ensure that you’re using the latest version of the Salient Core plugin (v1.6). There should be a list of options other than default and none.
2. Yes, with CSS – could you share your page URL so that I can take a look at your settings to provide an example?
Thanks in advance
Cheers ThemeNectar, just sent you a message.
Thanks Micatuca 