38438 comments found.
Hi !
I have a slight problem with the portfolio. I would like it to display 960×4 elements. Meaning a masonry Full width 1920px
2×2 style layout.
It works great on 1600px resolution monitor but on 1920px monitor it creates a hollow space on the right side, and it seems like 1600px is maximum. 
Hey Etemmu!
Can you share your URL so I can take a peek real quick?
Cheers 
We have a lot of traffic to this site so i can’t leave it open. please let me know when you have time to take a look and i will open it asap.
I’m available to look now – but if you need a very tight time window you could also perhaps just supply me a login 
Cheers
sent you a PM, did you recieve it?
something strange here with time stamp, ill bump this
Hey! I just logged in and added the needed css to make it display as you desired above 1600px 
that’s fantastic! but now the element on top right and bottom left arent displaying on 1920px
almost there! 
Sorry! Just forgot one line to make it work in webkit (chrome/safari) browsers 
Best support ever! 
Thanks a lot 
Hi ThemeNectar,
Is it possible to have 5 columns of text? I did a custom layout of 1/5 + 1/5 + 1/5 + 1/5 + 1/5 and the text boxes would settle on top of each other instead of side by side.
Hey again,
Unfortunately there’s no default option for 1/5 columns because Salient is built on a 12 column grid system. Making 1/5 sizing would require custom css
When hovering with the mouse over the images in the portfolio-fullwidth-masonry I see the portfolio item title and a date. How can I remove the date?
Hey stev1972,
Head to the portfolio options tab in your Salient options panel and turn off the option for “Display Dates on Projects” 
Cheers
Must have missed that option. Thanks for this excellent theme!
No worries & you’re welcome 
Is the integration with Buddypress available yet?
Thanks
Hey ivanguinea, not yet unfortunately
Any ideas when this will be?
No concrete ETA because some other items with higher demand are a head of it in the to-do list.
On Safari for iPad my nectar slider arrows appear as a “face icon” and an rectangle. Is something broken?
Hey mcurrierth, I would need to see your URL to check on this for you 
Hi there!
One last question! When I share my website’s URL on Facebook, the thumbnail is showing Salient’s “Add Element” menu and the text is this: “Loaded with exclusive and beautiful features, Salient allows you to build a website that will have your visitors drooling from the moment they enter.”... Why is it picking up content from the theme, and not the home page of my website? I see that you’ve mentioned using an Open Graph plugin – so, I installed it but didn’t see any difference. Any recommendations on how to fix this?
Thanks!
I’ve continued working on this. Is it just a matter of installing SEO by Yoast and customizing the description and image in there? It looks like I may have partially fixed the problem…
Hey again StudioChalk! Can I get the URL showing this so I can take a look? 
Hi!
I’m not sure that Yoast is the solution – I’m still seeing page builder and Salient description when sharing URL on Facebook. I viewed source and found this… Why is this part of the Nectar demo showing up?
<!--/container--><!--/swiper-slide--><div class="swiper-slide" style="background-image: url(http://themenectar.com/demo/salient/wp-content/uploads/2013/09/black-bg1.png);" data-bg-alignment="bottom" data-color-scheme="light" data-x-pos="centered" data-y-pos="middle">
<div class="container">
<div class="content"><p class="transparent-bg"><span><img src="http://themenectar.com/demo/salient/wp-content/uploads/2014/01/page-builder.png" alt="page builder" />
The New Amazing Nectar Page Builder<br />
Click Anywhere To Discover More
</span></p></div>
</div><!--/container--><a href="http://google.com" class="entire-slide-link"> <span class="ie-fix" /> </a></div><!--/swiper-slide--><div class="swiper-slide" style="background-image: url(http://themenectar.com/demo/salient/wp-content/uploads/2013/09/black-bg1.png);" data-bg-alignment="center" data-color-scheme="light" data-x-pos="right" data-y-pos="middle">
<div class="container">
<div class="content"><h2>Beautiful & Robust</h2><p><span>Loaded with exclusive and beautiful features, Salient allows you to build a website that will have your visitors drooling from the moment they enter.</span></p></div>
</div><!--/container--></div><!--/swiper-slide--><div class="nectar-slider-loading" />
Hey!
I will be able to tell you why as soon as I get the URL so I can see 
Wonderful! I PM’d you the URL. Thank you!
Thanks!
That text is coming from the slides still assigned to your slider location – you can get to them by dragging your main slide to see they are still indeed there. Just go into the Nectar Slider section of your admin panel and delete them or unassign them from the location you’re using on the home page 
Hi there! You’re right – I had the theme demo sliders assigned to the home page. Oops! I unassigned them, and the issue is still occurring when I paste my URL into Facebook. I then deleted the slides that were causing the issues, and still having issues – I’m still seeing the nectar editor and “Loaded with exclusive…” text. Thoughts?
I believe it just takes a day for Facebook to update the content – since it’s no longer on your site, try checking back tomorrow on the link and see if it’s better 
I checked back to see if the content has been updated, and it’s still producing the same thumbnail and text. I tried logging out of Facebook and WP and logging back in, but to no avail. I was scheduled to launch my site today, but obviously don’t want the site to be shared with the nectar thumbnail and salient description.
Could there be something else to this problem?
I’ve “debugged” my site via Facebook Developers Tool and it looks like it fixed the description, but unfortunately the nectar thumbnail is still popping up. I have an open graph warning saying this:
“Provided og:image could not be downloaded or is not big enough. Please use an image that’s at least 200×200px and is accessible from Facebook. Image ‘http://themenectar.com/demo/salient/wp-content/uploads/2014/01/page-builder.png' will be used instead.”
Which image is Facebook trying to grab for the thumbnail? Is it trying to grab the nectar slider image? Is there somewhere in the page/nectar slider/etc. options where I’ve missed uploading a feature image for Facebook to recognize?
Almost there! Thanks again for your all your help on this — I really appreciate it.
Me again! I dug a bit deeper and figured out the problem. I had to set a feature image on my home page. Rookie mistake! Thanks again — the support has been beyond expectation. There’s really no comparison when it comes to Salient vs. other themes. I’m looking forward to launching my site later today! All the best, ThemeNectar! 
Thanks so much StudioChalk & good luck with the launch! 
Cheers
Hey ThemeNectar!
I was wondering if there’s any way to have the greyscale google map be greyscale? When choosing the “Greyscale colour” option in the Salient options panel, it seems like you can’t bypass adding colour to it. I tried choosing a grey in the “Map Extra Colour”, but it doesn’t recognize it. Is there any way I can make the map greyscale?
Thanks for your help!
Hey StudioChalk!
The Greyscale option still leaves the water blue but everything else should be black/white – if you wanna change that open the map.js file located in the js folder and change this:
featureType: "water",
elementType: "geometry",
stylers: [{
color: "#b9e7f4"
}]
to use a different color such as ”#e4e4e4”
Cheers
BTW I like the new feature to add a different logo when the page scrolls but I’m hoping you could tell me how to also change the background color? bamboohr.com is a perfect example where both the logo and the background color change from light to dark.
Hey greatnorwegian,
If you can share your URL I’d be be glad to assist with the css 
Cheers
Hi ThemeNectar,
Is there anyway I could have a portfolio thumbnail take me to a sub page? See screenshot here for details… http://i.imgur.com/SJXw4Ao.jpg
thank you!
Hey again!
Yes, there’s an input called “External project link” available in the project configuration box in every project which you can use to have the project lead to anywhere you need 
Cheers
Hello, great theme !
I need help with 3 things…
1. Home slider, the image is not going all the way to the right border. How do I fix it ? (http://cbcconstructionny.com)
2. Portfolio, how do I display the filter on top, above image ? Also when I click on the image, I want to open the image it self, not a new page. ( http://cbcconstructionny.com/projects/ ) I want to be like this page ( http://themeforest.net/item/salient-responsive-multipurpose-theme/full_screen_preview/4363266)
Thank you !
Figured number 2 ! Just need help with 1 !!!
Thanks RavaPhoto!
Add this into the Custom CSS box located in your Salient Options panel:
body #boxed #featured {
width: 100% !important;
}
Is there a way I can edit this to use my own “custom image” icon but have the color background effect/animation?
[icon size=”large” image=”icon-tablet” color=”Extra-Color-1”]
Thanks!
Hey mcurrierth!
You can’t swap an image in for the large icon styles – currently you can only use images instead of icons when using the text with icon element, but that’s still the regular style instead of large or large alt. I’ve noted this for the wishlist though 
Cheers
If I want to change the fonts site wide do I simply have to add the font-family declaration to every single bit of custom css?
font-family: "freight-text-pro",'Helvetica Neue', Helvetica, Arial, sans-serif!important;
It’s just that some areas are using Futura PT others freight-text-pro and others are using the salient default of lovely?
Sorry for all the questions tonight, awesome awesome support and you are an absolute star with all this
gonna write you a massive testimonial very soon
Rich
Hey again, thanks a lot 
To do a mass selection you could use this:
body, body * {
font-family: "freight-text-pro",'Helvetica Neue', Helvetica, Arial, sans-serif!important;
}
Cheers
Would that effect the other fonts I have for say nectar sliders as well as they are using Futura PT?
Actually just tried it, and it has strange results, looks good, although all the custom icons seem to disappear when doing it
To get those back add this in as well:
body [class^="icon-"], body [class*=" icon-"] {
font-family: FontAwesome!important;
}
body [class*=" linecon-icon-"], body [class^=linecon-icon-] {
font-family: linecons!important;
}
body [class*=" steadysets-icon-"], body [class^="steadysets-icon-"] {
font-family: steadysets!important;
}
thats working once, except now the search icon has turned in to a square lol (reverted back for now)
Is there a way to add a circle that overlays the google map please?
Eg like http://www.webteam.cornwall.nhs.uk/services/ scroll to the bottom of the page to see a background image with circle on it…
Cheers Rich
Hey,
if you can’t get away with using the map icon image for that it will require some custom css to absolutely position your circle element ontop of the map (assuming you can place your circle above it in the same row)
Cheers 
I have added a free plugin called wolf dribble to this page: http://www.webteam.cornwall.nhs.uk/work/ (scroll to the bottom) totally appreciate that this is not part of standard support but just wondering from the css below if you can easily tell me why the pink rollover doesn’t sit flush with the background image, there is a slight left and top border.
#wolf-dribbble {
zoom: 1;
margin-top: 1.5em;
margin-bottom: 1.5em;
}
#wolf-dribbble:before, #wolf-dribbble:after{
content: ""; display: table;
}
#wolf-dribbble:after{
clear:both;
}
.wolf-dribbble-item-container {
width:33.3%;
height:auto;
float:left;
margin:0;
padding:0!important;
position: relative;
margin-bottom: 1.5em;
}
.wolf-dribbble-item-container .wolf-dribbble-item {
width: 96%;
height: 96%;
padding: 0%;
margin: 0;
background: transparent;
position: relative;
overflow: hidden;
}
.wolf-dribbble-item-container .wolf-dribbble-item img{
width:99%;
margin: 1%;
height:auto;
padding:0!important;
display:block;
position: relative;
}
.wolf-dribbble-item-container .wolf-dribbble-item .wolf-dribbble-overlay{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-webkit-backface-visibility: hidden;
-moz-transition: 0.4s;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
background:#F46899 url('../img/dribbble.png') 50% 50% no-repeat;
-webkit-background-size: 48px 48px;
-o-background-size: 48px 48px;
background-size: 48px 48px;
z-index: 2;
}
.wolf-dribbble-item-container .wolf-dribbble-item:hover .wolf-dribbble-overlay{
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
opacity: 0.85;
}
@media screen and (max-width: 1140px) {
.wolf-dribbble-item-container {width:25%;}
}
@media screen and (max-width: 800px) {
.wolf-dribbble-item-container {width:33.33%;}
.wolf-dribbble-item-container .wolf-dribbble-item .wolf-dribbble-overlay{
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0!important;
}
}
@media screen and (max-width: 600px) {
.wolf-dribbble-item-container {width:50%;}
}
@media screen and (max-width: 400px) {
.wolf-dribbble-item-container {width:100%;}
.wolf-dribbble-item-container .wolf-dribbble-item img {width:100%;}
}
Hey 
Add this into your Custom CSS box located in your Salient Options panel:
.wolf-dribbble-item-container .wolf-dribbble-item img {
margin: 0!important;
width: 100%!important;
}
Awesome, wow your good 

On my header menu where I added the white underline per menu item: see: http://www.webteam.cornwall.nhs.uk (or any page) when you rollover the menu items the main line jumps slightly can this be fixed at all please?
Hey – add this into the Custom CSS box located in your Salient Options panel:
header#top nav > ul > li > a {
border-bottom: 3px solid rgba(0, 0, 0, 0);
}
Perfect thanks
You’re welcome 
Using the short code divider within a text block is it possible to colour the divider line and is it also possible to give it a thickness please?
I wrote this but the colour part didn’t work:
[divider line_type="Small Line" color"red" custom_height="50"]
Hey Rich,
This would require css:
.divider-small-border {
border-bottom: 3px solid #FF0000!important;
}
Cheers 
Brill ta

Hi there. I keep getting an error when I try and upload the background video… Warning: realpath() [function.realpath]: SAFE MODE Restriction in effect. The script whose uid is 998 is not allowed to access /tmp owned by uid 0 in /var/www/kommunekommunikation.dk/public_html/wp-includes/ID3/getid3.php on line 31 484
Hey Peter, that sounds like a server issue – I would get in touch with them to lift it or just upload the videos with FTP and add their direct URL into inputs 
FYI – I was reffered to this bug-fix from my provider. Nothing to do with your template, but you may be running into same prob yourself, so thought you would like to know…
https://core.trac.wordpress.org/ticket/26265(got the problem solved using above code)
Thanks for mentioning! 
Hello, I’m trying to add a Nectar Shortcode to one of my pages but I’m not sure how to do it. I’m trying to add it from inside a text block, but after i select the shortcode i want (for instance, Icon), select all its attributes and press “add shortcode”, nothing happens. The shortcode isn’t added. Could you help me with this? I’m using Chrome and my Salient Version is the 4.0.1 Thanks
Hey estebanpeiro!
Can you kindly open a ticket in regards http://themenectar.ticksy.com/ so I can check out your setup and test this?
Cheers 
.
.
Hi Nectar,
I might oversee something or it’s just not possible. My homepage the menu colours are good i have dark nectar slider so with the white letters you can see it. but on another page i have a lot of white in the background as a picture, now the only way to see the menu is when you scroll the page. Is there a option to get different colours for the menu fonts. even better if you could choose the colurs per page. I like to keep the transparant header.
http://www.energyhealingcuracao.com/ http://www.energyhealingcuracao.com/spiritueel-therapeutische-massage/Hope you have a solution, Thanks, Thomas
Hey Thomas,
Add this into the CSS box in that specific page – it’s located in the top right side of the Visual Composer view:
body #header-outer.transparent header#top nav > ul > li > a, #header-outer.transparent header#top nav ul #search-btn a span, #header-outer.transparent .sf-sub-indicator [class^="icon-"], body #header-outer.transparent .sf-sub-indicator [class*=" icon-"], body #header-outer.transparent .cart-menu .cart-icon-wrap .icon-salient-cart, body #header-outer.transparent header#top nav > ul > li > a:hover, body #header-outer.transparent header#top nav .sf-menu > li.current_page_ancestor > a, body #header-outer.transparent header#top nav .sf-menu > li.current-menu-item > a, body #header-outer.transparent header#top nav > ul > li > a:hover > .sf-sub-indicator > i, body #header-outer.transparent header#top nav ul #search-btn a:hover span, body #header-outer.transparent header#top nav .sf-menu > li.sfHover > a, body #header-outer.transparent header#top nav .sf-menu > li.sfHover > a i {
color: #000!important;
}
Cheers
Thanks, i put this in the custom css for this page but the white menu fonts are still white on a white background. i just want them to have a different colour so people can see them. I don’t see any difference with this code you gave me.
http://www.energyhealingcuracao.com/spiritueel-therapeutische-massage/Thanks, Thomas
Hey again Thomas, I don’t see that code getting applied on the front at all – can you please allow me to log in to check on that for you?
http://themenectar.ticksy.com/ – just let me know your ticket ID here
ticket nr. #211204
Thanks 
Thanks that did it, wonderfull support.
Cheers! 