38440 comments found.
Me again!
Tiny issue: I’ve got the following page set to full screen rows, but disabled it for mobile.
Everything works on mobile and desktop but I noticed that when I view this page in landscape on an iPad Pro or iPad the first and third sections are cutting off content, with the first one a fraction of the size. No issues when viewing in portrait.
https://www.simtrainer.uk/courses2Any ideas? Thanks for all your help! 
Hey rsuproniuk 
Try to add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
.using-mobile-browser #nectar_fullscreen_rows:not(.afterLoaded) .full-page-inner-wrap-outer,
.using-mobile-browser #nectar_fullscreen_rows:not(.afterLoaded) > div {
height: auto!important;
}
Cheers
Sorted! Thanks again
You’re welcome rsuproniuk 
End of another month is here again. Still no delivery on those promised new demos in the new release?
Hey BlueScreenPanda, The release is in the process of getting tested. If you would like to get early access to the new release, we will glady provide that if you reach out in regards. However, we are not going to cut beta testing prematurely on a major release. Our priority is having a stable rollout.
Cheers
Quick bug: If you have a background image on a row, “in container” AND a shape divider, it pops the bg image full width. https://prnt.sc/roln7y
Question: Is there a way to have a row with a border radius AND parallax? I know this seemed to only be controlled via columns, but i’m trying to have a row, with a background image, that is parallax and have that row have a border radius.
Currently I can only access parallax option from a Row’s background, and there is no border radius for a row, so I have to add the background image for the column instead of the row, which is fine because I have access to a border radius, but then I can’t turn on parallax – because that’s a row only feature – leaving me with a row with an image and border radius, but no parallax.
Essentially trying to recreate the header at the top of this page, but not of posts. http://themenectar.com/demo/salient-corporate-3/corporate-3-news/
Thanks!
Hey SiteTonight 
1. Currently, shape dividers do intentionally force a full width background to ensure the correct display
2. You would need to use CSS to add in the border radius to the row itself – as an example, add the class name “rounded-edges” to your row, and then add in the following CSS:
.wpb_row.rounded-edges .row-bg-wrap {
border-radius: 10px;
}
Cheers
perfect thanks!
Sorry to keep bothering you. I noticed when I change a row from Full Width Background to In Container, it ads a space above my row. Which I kinda wish wouldn’t happen because I didn’t tell it to do that. I tried putting a negative margin in the rows main column but that didn’t do anything. Here’s a link if it helps http://site-tonight.com/estate/how-it-works/ Thanks!
ok nvm I fixed it with this body[data-header-resize=”1”] .container-wrap, body[data-header-resize=”1”] .project-title { margin-top: 0; padding-top: 0px; } But to be honest, Wish I didn’t have to do any custom css, because this added padding was unintended. That’s one of the things I love about salient is that it has so many options integrated so I don’t need to spend wasted time fittling w css that I suck at.
You’re welcome SiteTonight, glad you got it sorted 
hey!
Is there any way to make one element of the menu different color? My site is this one: https://www.karolinafotyga.com/ What if I wanted to mark “BLOG” red for example?
Thank you! 
Hey Karolya 
add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
#top nav >ul >li:nth-child(3) a {
color: #ff0000!important;
}
#top nav >ul >li:nth-child(3) a:after {
border-color: #ff0000!important;
}
Cheers
hey! somehow it’s not working:(
Hey Karolya, I’m not currently seeing that CSS added in – Could you please reach out via the contact form on my author page with a temporary login in regards? https://themeforest.net/user/themenectar
Cheers 
I removed the code, because it didn’t work:( Now it’s in there so you can see. What I get is the underline of the third part of the menu (which is ABOUT ME) in read. How do I change which part of the menu gets underlined and how do I make the whole word and underline different color?
Also – sort of the same subject but I’m lost – I wanted to add a popup widget in the theme footer like explained here: https://help.calendly.com/hc/en-us/articles/360024401374-Adding-Calendly-to-your-Website but I can’t seem to find this option… Could you point me in the right direction? Thank you – I really am grateful!
Hey Karolya!
1. Change the provided snippet to the following:
#header-outer #top nav >ul >li:nth-child(3) a {
color: #ff0000!important;
}
#top nav >ul >li:nth-child(3) a:after {
border-color: #ff0000!important;
}
2. Are you referring to the final step where they show an example of pasting the code into a theme footer.php file? https://stonly.imgix.net/media/images/3c1caa34-e264-43a1-a85b-57341ddcdd4c.mp4
If so, the body tag is located in the same location in the footer.php file that they show in the video.
Thanks!
1. Now it works great! How do I change which word is different color? I tried with the numer – instead of 3 using 4 or other but it doesn’t work. I need the “schedule an online meeting” in different color.
and 2. I found it – thanks! it but as soon as I added the code the site wasn’t scrollable (is that a word? ;)) No matter what page I was on I could only see what’s already on the screen – I couldn’t scroll down. Do you have any tips for that? Thank you!
I managed to solve number 2. But I’d love for you to help me with number 1. thanks!
Glad to hear, Karolya 
The correct way to change the item selected is through the nth-child number:
#header-outer #top nav >ul >li:nth-child(4) a {
color: #ff0000!important;
}
#top nav >ul >li:nth-child(4) a:after {
border-color: #ff0000!important;
}
Please update the code to that and let me take a look once you have done so
Works like a charm, thanks! 
Glad I could help, Karolya
Hello salient 
The prices in ‘product quick view’ on the homepage looks buggy while on inner page it looks good.
Screenshots: https://www.supersafe.co.il/cloud/index.php/s/edXDY222r6PCeH7 https://www.supersafe.co.il/cloud/index.php/s/P6nzgCPb4JEdC4tHope you can fix this bug and maybe provide a quick fix that we can apply before the next Salient update?
Thanks very much for your great work!
Hey lironnave,
add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
.nectar-quick-view-box .summary .price ins {
font-weight: normal;
text-decoration: none;
}
.nectar-quick-view-box .summary .price ins {
font-weight: 700;
}
.nectar-quick-view-box .summary .price del {
color: rgba(145, 145, 145, 0.5);
font-size: 0.67em;
}
Cheers 
Hi everyone. It’s my first time going through this issue and it’s literally driving me nuts . My next/prev links in posts are showing two different colors (one is grey/one is white?) Can someone pls provide a fix? Thank you !
Hey wgh3,
The next/prev post title will inherit coloring from the “Page Header Font Color” that is set for each post. Can you edit the posts and verify that’s either not set or that it’s set to the same color?
Cheers
Thanks so much! It worked.
I’ve encountered an other issue since
Is the transparent header applicable for posts? It’s not working for me on my blog posts and it’s messing up my navigation on mobile since colors are black on black.
Please let me know if there’s a hack to force transparency on posts
Thank you for the quick reply
Hey wgh3, Can you please share the actual post URL where the issue can be seen so I can take a look?
Thanks in advance
Hello again! I’m struggling to get icons in the left hand footer widget for social media rather than in the copyright section.
I’ve popped in the code for them to appear but they’re showing one above the other. How would I go about getting them all on one line?
Thank you.
https://www.doggylottery.co.uk/Hey RhodesignUK!
add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
#footer-outer #footer-widgets .col .social li {
display: inline-block;
margin: 10px;
}
Cheers
Is there any way to get your portfolio on a 5 or 6 column grid? and a 2 column for mobile? Thanks in advance!
Hey bradhoen,
Are you using a masonry layout or regular columns? If you could share the portfolio URL in regards I’d be glad to provide an example snippet 
Cheers
Thanks for your reply! here is the URL – http://new.lendertoolkit.com/powertools-enterprise-detail/ I just want to show these smaller in a 5 or 6 column grid, and possibly a two column grid for mobile. Really appreciate your help 
Thanks bradhoen,
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) {
.portfolio-items .col.span_3 {
width: 16.6%;
}
.portfolio-items[data-ps="9"]:not(.carousel) .col.span_3 .work-meta {
min-height: 85px;
width: 100%;
}
}
@media only screen and (max-width: 690px) {
body .portfolio-items:not(.carousel) .col.span_3,
body .portfolio-items:not(.carousel) .col.span_6 {
width: 49%;
}
}
.portfolio-items[data-ps="9"]:not(.carousel) .col.span_3 .work-meta h4 {
font-size: 15px;
}
Cheers
Hi there
I’m building a site and was looking at using Salient, I need to build a template page that can be updated and deployed across hundreds of pages.
I know I can build a template and set that template on hundreds of pages but is there a way to make changes to that template which then enables me to deploy and update the hundreds of pages using the template?
Thanks
Hey stsw,
WPBakery offers an addon for this called Templatera: https://wpbakery.com/addons/templatera/?q=%2Faddons%2Ftemplatera%2F&v=9025a1ae8c64
Cheers
can I edit the photo’s size of the shop’s product page? where to change it ? thanks!
https://reurl.cc/62DeWOHey no333, you can alter the aspect ratio/size load through the WP Customizer > WooCommerce > Product images tab.
If you’re trying to alter the column setup of the page layout itself, Salient uses a smaller size for the image when the “Bottom Aligned Thumbnails” is selected for the Single Product Gallery Type in the Salient options panel > WooCommerce tab.
Cheers
Hi there, is it possible to use a toggle panel in a tabbed section? Thx for help!
Hey marcosimonetti, Unfortunately that is not possible at this time.
Hiya,
I was wondering if you could do something like this in the next update? This is just a screenshot from Udemy: https://imgur.com/a/7PfrO0WI have been using the team carousel to display courses but it’s not ideal as I’d like them all visible on mobile. Also the little ribbons would be great for highlighting new courses or for categorizing etc.
Just a suggestion, keep doing great work! Stay safe!
Hey rsuproniuk, I’ve noted the idea on the wishlist 
Stay safe as well!
Awesome, thanks! 
Actually quick question:
I’ve got the following page set to full screen rows, and disabled it for mobile.
It works fine on desktop, fine on mobile but I just noticed that when I load this page on an iPad Pro ( it’s working fine on a regular iPad) https://www.simtrainer.uk/courses2
the first and third sections are cutting off content, with the first one a fraction of the size. Any ideas? Thanks for all your help! 
You’re very welcome, rsuproniuk 
Can you tell me why I can’t import the demo of “ONE PAGE CLASSIC”? He tells me it’s all important but it really doesn’t matter. Thanks
Hey infotek,
That demo still exists in the Salient demo importer and is titled “One page”. Are you unable to see it as an option in the demo importer or are you encountering an error upon importing the demo?
I’m having an error in the import. He tells me it imported but there is nothing.
How should I solve it?
Hey infotek, have you already looked in the page section of your wp admin to verify the page does not exist? 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
Hi guys, I’m trying to import / export a WooCommerce tax CSV file in to my site and I keep getting this error from the redux framework (the CSV keeps failing).
AH01071: Got error 'PHP message: PHP Warning: Creating default object from empty value in /public_html/wp-content/themes/salient/nectar/redux-framework/ReduxCore/inc/class.redux_filesystem.php on line 29'
Still getting the error on a clean install, with no plugins (except WooCommerce activated). Not sure what that error is referring to? Any ideas? Thanks!
Hey SeanAUS120, are you using PHP 7.4? If so, the current release is only compatible with 7.3, but the upcoming version will be adding compatibility. If you would like to get access now, please reach out via the contact form on my author page https://themeforest.net/user/themenectar
Cheers
Yes, I am using 7.4. I didn’t see any conflicts before so I thought it was all good! OK, i’ll wait for the next update… website works fine with 7.4 it just has issues with this download. Thanks!
Sounds good SeanAUS120 
Cheers
Hi ThemeNectar. Hope you are well. Love your theme so far. Really great work here. After updating a few days ago, I seem to have stumbled into a Gallery bug. Whenever I load a page, the gallery is displayed off. After one or two refreshes, it all goes back to normal. To see exactly what I’m talking about, please watch the following clip: https://youtu.be/aNjUp780bag
My website running Salient is www.catalinchitu.ro, and this occurs in the Proiecte and Blog pages, because there I use the Gallery. Hopefully you can have a look.
Thank you in advance and have a great day! Catalin
Hey ktakytzu, I’m glad to hear you’re enjoying Salient 
It looks like the lazy loading function enabled within your W3 Total plugin is causing this. Can you try to disable that feature?
Cheers
Hi ThemeNectar, really appreciate your reply. Disabling the lazy loading did the job. Thank you for taking the time to help me.
Stay safe! Regards, Catalin
Glad to hear, Catalin.
Stay safe as well 
Hi ThemeNectar. Sorry to be bothering you again with this issue. It seams that one of my portfolio pages still doesn’t respect the photography based masonry grid. Could you take a quick look? I disabled the W3 Cache and it didn’t help for nothing. Thank you in advance. https://catalinchitu.ro/fotografie/
Hey ktakytzu,
It looks like some of those images do not have the needed sizes on the server for the photography masonry layout. Please try running this plugin:
and regenerating all featured images:
https://wordpress.org/plugins/regenerate-thumbnails/Cheers
Hi ThemeNectar. Thanks for your help. I’ve been having problems with this plugin, because it’s really slow and doesn’t regenerate all thumbnails without lots of errors. Somehow over night the problem got solved. Thanks again for everything! Stay safe!
Glad you got it working, ktakytzu
Stay safe as well 
Hey monstrous, This will be corrected in the coming update. For now, add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
body .portfolio-items .col.span_3 {
width: 24.9%;
}
Cheers
ThemeNectar,
Please visit the following link: https://neileverosborne.com/
Can you please let me know how I can change the style of the dropdown menu as I currently do not like how it’s displayed. Many thanks.
Best, Alan
Hey Alan,
What specifically are you trying to change about it? The coloring and typography of it can be changed via the Salient options panel – are you trying to alter something else?
Thanks for you replying.
I was able to figure things out. Thanks for pointing me in the right direction.
Question, I just noticed when you go from page to page, the nectar slider image does a small pixel jump down. Do you know why this would be happening?
Many thanks.
Best, Alan
Hey Alan, try to add this into the custom CSS box:
@media only screen and (min-width: 1000px) {
body #header-space {
height: 123px;
}
}
AWESOME!!! For the life of me I couldn’t figure out what was happening. Your code worked perfectly. Many thanks.
Best, Alan
You’re welcome Alan 
Hi ThemeNectar,
Link: https://neileverosborne.com/photojournalism/magazines/bear-essential-with-smithsonian-magazine
I added Social Media icons using the ‘Social Buttons’ option. However, since upgrading to the latest Salient version the icons appear with a box and text, which I do not like as I would only like to have the social icon appear.
I was able to hide the border and text to leave only the icon, however I am unable to change the hover state. Can you please shed some light on how to change the hover color as it’s currently set to White.
As always your help is greatly appreciated. Many thanks.
Best, Alan
Hey Alan,
.sharing-default-minimal .nectar-social .nectar-social-inner a:hover i {
color: #000!important;
}
Heya 
How can i change the size of the Mouse Indicator Circle of the Post Grid in css ?
All the best, N
Hey borismerkfeld,
add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
}
body .nectar-drag-indicator,
body .nectar-view-indicator {
z-index: 400;
left: -70px;
top: -70px;
width: 140px;
height: 140px;
}
body .nectar-view-indicator span {
line-height: 140px;
}
Cheers
I’m using the center menu layout (Logo inline), but have an odd number of pages. it looks like by default it adds the “odd” page to the right of the logo…is it possible to add that to the left instead? Because of our page names, it would be more balanced this way…heres our site https://brndmgmt.com/
just trying to move “Gold & Platinum” to the left of the BRND MGMT logo.
Hey tmudd89,
That would require the use of custom CSS to avoid modding the core javascript. 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) {
#header-outer[data-format="centered-logo-between-menu"] #top .span_9 {
padding-left: 0!important;
margin-left: -8px;
}
#header-outer[data-format="centered-logo-between-menu"] #top nav >.sf-menu >li {
margin-right: 0!important;
}
#header-outer[data-format="centered-logo-between-menu"] #top nav >.sf-menu >li:nth-child(4) {
margin-right: 192px!important;
}
}
Cheers