38361 comments found.
I’m having trouble displaying the images on the team carousel in landscape view. I would like the images landscape instead of square please see link – http://176.32.230.3/stringer-flavour.com/about-us/#certification
Thank you.
Also is it possible to add a box shadow to the carousel items?
Hey MarcGarner, thank link appears to be going to a 404, can you verify it’s correct?
Thanks
sorry link changed http://176.32.230.3/stringer-flavour.com/about/#certification
Hey MarcGarner,
1. You’d need to edit the nectar/tinymce/shortcode-processing.php file at the “nectar_team_member” function
2. If you add a box shadow on that specific carousel style, it will be clipped on the sides:
.nectar-flickity.nectar-carousel[data-format="fixed_text_content_fullwidth"] .cell {
box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
}
Ok, regarding point 1, By default the element displays images in landscape, but when I add my images no matter the resolution or orientation they are displayed as portraits.
Are there any parameters i need to make sure the image meets resolution etc, to be displayed in landscape as the other images in the element are by default?
Hey MarcGarner, are you referring to the thumbnails within the carousel itself or the larger image when you open the team member to reveal the bio?
The thumbnails
Hey MarcGarner,
What did you change the image size to inside of the “nectar_team_member” function? Could you copy/paste the modified segment into a pastebin so I can take a look at the code?
Thanks
Is it possible to edit the colour of the video lightbox button, I would like to use a colour other than one of the accent colours. Thanks
Hey MarcGarner,
It would be with css, which one of the video lightbox styles are you using?
Cheers
it is “play button with preview image”
Hey MarcGarner,
add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
body #ajax-content-wrap .nectar-video-box[data-color] .nectar_video_lightbox:before {
background-color: #000!important;
}
Hi 
Is it possible using the recent posts visual composer element to only show sticky posts? I need a way to show three specific choosen posts on the front-page.
Hope it’s possible
Regards Christian
Hey Christian,
As of now that would require modding to the query within the nectar/tinymce/shortcode-processing.php file since there’s only options to query by category at the moment.
Please help me. I haven’t enabled any caching plugin.
Hey utsavchopra,
Can you clarify further what you mean by “load black”? The two URLs you’ve shared both are loading for me seemingly normal: https://ibb.co/JBPhYFt https://ibb.co/Bjr5GvgSince I updated to 10.0.3 almost all images in the slider I’m using on the homepage are resized too big and cropped. These are Nectar Sliders, not the home slider. http://uweconrad.ch/dev/
Hey scratsmacker,
You’ll have to either convert your page to use the Salient WPBakery page builder where the Nectar Slider can be nested inside of a row instead of just output from a shortcode, or add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
.swiper-slide .image-bg {
height: 100%!important;
}
Thanks a lot for the quick fix. Keep up the great work!
You’re welcome scratsmacker 
Hi. Hoping you can help. I have just started building a new site using Salient and the scroll magic plugin where elements are animated and use z-index to set the order. I have noticed that the tooltip is dynamically changing it’s z-index to ‘auto’ and is then falling behind other elements on the page. Any ideas on how I could avoid this?
Hey collier_creative,
Try to this into the custom css box located in the Salient options panel > general settings > css/script related tab:
.nectar_image_with_hotspots .nectar_hotspot_wrap {
z-index: 100!important;
}
.nectar_image_with_hotspots .nectar_hotspot_wrap:hover {
z-index: 200!important;
}
Hi, Great theme. But I am having a weird problem
On My site http://optin.co.nz/treescapeweb which is on test server yet. If you visit the pages that are blog for eg. http://optin.co.nz/treescapeweb/category/blogs/ you will see the font is much thicker on nav and footer than the other pages. can you please have a look into that.
Hey yuktidogra,
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, great theme and it works really well!
Just one thing that puzzled me (and I see some comments about it as well):
Some of the smaller columns and off-sets have strange % values that puts the content just a little bit off-center.
Is this something that you have done on purpose or is it something that you are fixing in an update?
I have fixed it with some css (below) but it struck me as strange.
Thanks! /Robert
@media (min-width: 1000px) {
body .vc_row-fluid .vc_col-sm-offset-2 {
margin-left: 15% !important;
}
body .vc_row-fluid .vc_col-sm-8 {
width: 70% !important;
}
body .vc_row-fluid .vc_col-sm-offset-1 {
margin-left: 10% !important;
}
body .vc_row-fluid .vc_col-sm-10 {
width: 80% !important;
}
body .vc_row-fluid .vc_col-sm-offset-3 {
margin-left: 25%;
}
body .vc_row-fluid .vc_col-sm-6 {
width: 50%;
}
}
Hey Robert, thanks a lot 
It’s a known issue and will be sorted in the next release for the Salient WPBakery page builder.
Cheers
Website – http://bit.ly/2IllW6F I think I found a bug on fresh installed wp and theme…
WooCommerce Products Settings – set to 2 columns https://nimb.ws/megU6o but on front it displays 3 columns, no matter what number I choose its still 3. https://nimb.ws/GSLlhAHey oddylab, please uncheck the option for “Enable Carousel Display” at the bottom of your product element settings. If it’s still showing as 3 columns, let me know so I can take another look.
Thanks in advance
Its starts to wok ok when “Enable Carusel Display” checkbox unchecked. You were right, but how to fix the issue when its enabled?
Thanks
Hey oddylab, the carousel plugin automatically calculates the column number when using the “caroufredSel” option for the “Carousel Script” field – try changing that to Flickity to get control over the columns.
Cheers
The Nector Slider is not showing any content on desktop but is showing the content on Mobile???
The css is displaying
.swiper-slide .content { visibility: hidden; }
Hey savacom100,
please share the URL where I can take a look at the issue to assist.
Thanks in advance
Hi TN,
I’m figuring out how to solve a couple of issues in the interface of a new website that I’m working on. It has to do with layers and I can solve this with a plugin like rev-slider, but that seems to be a bit of an overkill to me. So I hope you can help me out.
As you can see on this example (link: http://verwijderentattoo.nl/images/interface-example.png) I’ve built in Photoshop there’s an image with in the top left corner an orange colored partially transparent cell over it and on top of that a button (saying ‘INFO AVOND’). I thought with a WPbakery addon I could fix the job easily, but I can’t find the right add-on to use colored cells. Plus my client has to be able to edit the button content from time to time.
I seems pretty simple to me, but I’m breaking my head on this one already for quite some hours now.
Can you guide me in the right direction on how to fix this?
Issue 2 is the image at the bottom of my screenshot. This row contain a video with a partially transparent orange colored cell and text that comes over it.
Hope you can help me solve this puzzle. Thanks very much in advance.
Cheers, Marc
Hey Marc,
Here’s the row setup which you can paste into the text tab on your editor and then switch back into the page builder view to see how it’s done: https://pastebin.com/zB3VGHLe
Cheers
Hi ThemeNectar,
Man you really have the best support team in the world !!! I’m so happy with you.
https://www.verwijderentattoo.nl/images/flowers.jpg

Glad I could help htusco!
Thanks for the flowers 
Hello, Please on the blog how can i change the default header colour? Also how can i make the active page on the sidebar to show the active colour, right now it does not.
I am also using the page siderbar menu template for my pages and it creates a lot of space between the menu and the contents. please help
Please take a look and help me delete my link after review https://dereferer.me/?ohqD6rz-ebKOyKVEO340WynD5OEd4b_mV_E-gg890mxEwvmo7goBkm4Nbg5DxyeyV9x_d
Hey TruBrotha,
1. add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
#page-header-wrap.fullscreen-header #page-header-bg {
background-color: #999!important;
}
#sidebar .widget li.current-menu-item a {
text-decoration: underline;
}
@media only screen and (min-width: 1000px) {
.post-area.span_9 {
width: 80%!important;
}
#sidebar.span_3 {
width: 17%!important;
}
}
Hi, I cannot get the Reviews enabled on our site for whatever reason. It is checked on the Dashboard, however the Product page does not display any area for a review to actually be written. Could you help with this? Thank you
Hey superhealth,
Could you please share your URL in regards so I can take a look?
Thanks in advance
Https://www.AthletesBest.com Thank you!
Hey superhealth,
And just to verify, this is the option which you have enabled in the backend?
Cheers
Yes, exactly like that.
Thanks for confirming superhealth. Since there’s no known issue with Salient not displaying reviews could you also quickly do a test to see if they show up when switching to the default WP theme? 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
I will have to give you a temporary admin as the Search Feature is also not working on Mobile devices.
Why is the WPBakery Page Builder tailored by the theme author? What are the advantages? Can I do with the Page Builder everything that I can do with the original?
Hey aljoschaz,
There’s a custom interface design, full set of custom salient specific elements with front-end editing support and a template library with over 250 section templates: http://themenectar.com/docs/salient/salient-studio/
hello, is this fully compatible with woocommerce? also, is there a functionality to change the menu on each page depending on the anchor of each row? thank you
Hey Grenkox,
1. Yes, Salient is compatible with WooCommerce – just make sure you’re using an updated version (v10+) to use the latest WooCommerce.
2. If you’re referring to using a separate menu for separate pages, that would require the use of a plugin
Cheers
ok thanks, i have a couple of problems with woocommerce, how can i change its colors, since the background im using is black some text is already black on woocommerce so it cant bee seen, also all the text of the products is in grey so it doent look good. I have chanche the row for light text but nothing happens. On the other hand, what plug in do you recommend to do the separate menu? thanks
Hey Grenkox,
1. Please share the URL where I can take a look at the issue to assist.
2. You could use this: https://wordpress.org/plugins/conditional-menus/
Cheers
Hello,
This ticket is a feature request.
TL;DR: :focus{outline:0} in styles.css is useless & makes webs less accessible.
===
I’ve recently faced an issue with one accessibility feature.
The mentioned feature is the blue (in most browsers) outline around focused element.
It is described in more details here: https://a11yproject.com/posts/never-remove-css-outlines/The problem is that in style.css of the theme we have this line:
:focus{outline:0}
This line effectively removes the default blue outline on tab making the site less accessible since people who navigate only with keyboard will not understand what they’re about to click on (you can try it easily on any website with salient installed. You press tab and you go down the page but having no clue what element has the focus now).
I understand that this line probably was added to prevent the blue outline appearing on click.
Yet, as for now, all major browsers (at least last version of Firefox, Chrome & Safari where I did tests) will not show blue outline on click by default.
About workarounds:
There are some but none is great, for example, we could:
• Add !important directive with a color of your choice like
:focus{ outline:5px!important; color: red; }
But in this case the outline will appear on click also.
• Or add outline with JS,
but in this case if the user has JS disabled, the outline will not be added.
So, as a conclusion, it is a nice idea to make the theme at least a little bit more accessible by default specially when there’s actually no need to maintain this :focus workaround anymore.
Best regards,
Hey asuizainvest, thanks for the request – it’s been noted 
Cheers
Hi ! I am trying to replace the icon of the slider down arrow by an other FontAwesome Icon. I have try the following code i have found on Google, but none of them works. I must be doing something wrong but can’t spot my error. Thanks for your lights. Cheers E
.icon-salient-down-arrow {
font-family:FontAwesome !important;
color: #000 !important;
font-size: 55px !important;
}
.icon-salient-down-arrow:before {
content:"\f078" !important;
color: #000 !important;
font-size: 55px !important;
}
.swiper-wrapper .swiper-slide[data-color-scheme=\"dark\"] .slider-down-arrow i.icon-default-style[class^=\"icon-\"]:before {
content: \'\\f078\';
font-family:FontAwesome;
color: #000 !important;
font-size: 55px !important;
}
.swiper-wrapper .slider-down-arrow .icon-salient-down-arrow:before {
content: "\f078";
font-family: fontAwesome;
font-size: 55px !important;
color: #000 !important;
}
html body .swiper-wrapper .slider-down-arrow i.icon-default-style[class^=\"icon-\"] {
font-size: 55px !important;
color: #000 !important;
}
html body .swiper-wrapper .slider-down-arrow {
left: 98% !important;
margin-left: -60px !important;
color: #000 !important;
font-size: 55px !important;
}
body .swiper-wrapper .slider-down-arrow i.icon-default-style[class^="icon-"] {
font-size: 55px !important;
color: #000 !important;
}
.swiper-wrapper .slider-down-arrow i.icon-default-style[class^=\"icon-\"]:before {
content: "\f078";
font-family: fontAwesome;
}
.icon-salient-down-arrow {
font-family:FontAwesome !important;
color: #000 !important;
font-size: 55px !important;
}
.icon-salient-down-arrow:before {
content:"\f078" !important;
color: #000 !important;
font-size: 55px !important;
}
Hey fantome_in,
Can you please share the URL where this is applied so I can take a look?
Thanks in advance
Hi, is there any element/feature in the Page builder that one can leverage/(ab)use to implement “Photo Proofing” gallery for customers? That is, a password protected page to choose a certain number of photos (favorites) from a photo shoot and submit this choice back to the photographer. For example https://themes.themegoods.com/photography/demo1/galleries/photo-proofing/ ?
Hey davydden, there’s no built in functionality to handle that other than to manually create different password protected pages with galleries on each one.
Cheers
Do photos in galleries support Like/un-Like feature that I could ab-use for selection? Perhaps also filtering based on Liked (==chosen)?
Hey davydden,
The gallery element doesn’t offer integration with the “like” functionality – only the actual portfolio post type does. The same goes for the isotope based filtering.
Hope that helps,
cheers
Hey djoosstas,
add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
.woocommerce-tabs .tab-container {
display: none!important;
}
Thank you
You’re welcome djoosstas 
Hi, on this page: https://tkb.kleidi.nl/ Is there a way to get my logo as left as possible. like it’s coming out on the left side, so there is no white on the left side of the logo. Thanks in advance.
Best regards
Hey Abbenhues,
add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
#header-outer[data-full-width="true"] header >.container {
padding-left: 0!important;
}
Cheers
Yes, perfect! Works fine on desktop. Can we fix the same for mobile? Thanks again.
Hey Abbenhues, use this as well 
@media only screen and (max-width: 690px) {
html body #header-outer[data-full-width="true"] header > .container,
html body #header-secondary-outer[data-full-width="true"] > .container {
padding-left: 0!important;
}
}