38439 comments found.
How do I slow down the “fade” transition of nectar slider? I see options in Salient settings for Home Slider but not nectar slider.
Hey – you’d need to change this in the nectar-slider.js file located in the js folder:
speed: 900,
Hi I would like to decrease the height of the footer
Please advise how I do this via CSS?
Thanks Handre
Hey,
Add this into the custom css box:
#footer-outer .row {
padding: 20px!important;
}
Cheers
great thanks, the content in the footer is not centered but not the end of the world
how would I center the icons and content?
Hey – could you please share your URL In regards?
Hi there,
Recently bought the theme and it’s working perfectly!
I just have one query, I have changed the default font from OpenSans to Nexa Light/Bold
I have uploaded the files to CSS/Fonts and added the following to the style.css file:
@font-face {
font-family: 'nexa_boldregular';src: url('css/fonts/Nexa Bold-webfont.eot');src: url('css/fonts/Nexa Bold-webfont.eot?#iefix') format('embedded-opentype'),url('css/fonts/Nexa Bold-webfont.woff2') format('woff2'),url('css/fonts/Nexa Bold-webfont.woff') format('woff'),url('css/fonts/Nexa Bold-webfont.ttf') format('truetype'),url('css/fonts/Nexa Bold-webfont.svg#nexa_boldregular') format('svg');font-weight: normal;font-style: normal;}
@font-face {
font-family: 'nexa_lightregular';src: url('css/fonts/Nexa Light-webfont.eot');src: url('css/fonts/Nexa Light-webfont.eot?#iefix') format('embedded-opentype'),url('css/fonts/Nexa Light-webfont.woff2') format('woff2'),url('css/fonts/Nexa Light-webfont.woff') format('woff'),url('css/fonts/Nexa Light-webfont.ttf') format('truetype'),url('css/fonts/Nexa Light-webfont.svg#nexa_lightregular') format('svg');font-weight: normal;font-style: normal;}
Also gone through the style.css and amended all the OpenSans to either Nexa Light or Nexa Bold.
This has worked on my mac – although when viewing on an IPhone5 the fonts convert to Times Roman and on a HTC they convert to what looks like Helvetica.
Is there something that I am missing to make these fonts work on all devices?
I thank you in advance for any guidance you may have.
Thanks so much for the theme -
Hey,
Could you kindly share your URL in regards so I can take a look?
Cheers
Hi,
It is:
http://www.4dcreations.co.ukStill in progress but would appreciate any help you have with regards to the font not loading correctly.
Many thanks,
Hi There,
I have a pre-purchase question for a customer of mine. Does the Salient theme automatically resize (all) images on a page or in a portfolio? Or how do I know what size an image should be to look fine on the website (is it maybe in the documentation)?
Thank you for answering
Regards,
Richard
Hey Richard,
Yes the images are resized in the portfolio – you just need to upload them at the minimum dimensions and the size will be cut and then scaled depending on the screen size 
Cheers
Thank you for your answer! Are the minimum sizes documented somewhere or maybe indicated in the theme details in wordpress?
600×400 for regular portfolio images and all the masonry sizes are in the user guide
Can you guys please give me a timeline on the update? Within 24H, 48H or a week? I normally never ask for ETA’s as a webdeveloper myself BUT..
I would really appreciate it since I’ve got a whole webdevelopment team waiting to start a project with Salient. You can also drop me a message via our author page.
Thanks!
Hey iMytz,
It’ll be coming out early tomorrow
Cheers
I just updated to the latest Salient, and I’m running the latest Visual Composer plugin, disabling Salient Visual Composer.
When I view my site on mobile with VC enabled, the mobile 3 line menu icon is gone. You mentioned possibly fixing this 8 days ago, any solution?
Also, take a peek here: http://www.cartoonmonkey.net/
I’ve kind of solved the problem of the disappearing hamburger menu by using some custom css to force the menus to display in a drop down when in mobile mode.
I’ve got the logo to be the size / location I want it on mobile, but of course the drop down menu then covers up my content on a mobile device. Any thoughts? ( Or a fix for the running the latest Visual Composer plugin, disabling Salient Visual Composer / disappearing hamburger menu problem?
My CSS below:
@media only screen and (min-width : 1px) and (max-width : 1000px) { body #header-space { height: 56px!important; display: block!important; } body #header-outer { position: fixed !important; height: 90px !important; } #mobile-menu { position: fixed!important; top: 82px!important; width: 100%!important; } }
.responsive-menu-wrapper select.dropdown-menu { border-radius: 0; box-shadow: none; display: block; float: none; position: static; }
header#top #toggle-nav i, header#top #mobile-cart-link i { font-size: 40px; }
header-outer[data-using-secondary=”1”] {
top: 0px!important; } #header-secondary-outer { top: 98px!important; }
.admin-bar #header-outer[data-using-secondary=”1”] { top: 33px!important; }
.admin-bar #header-secondary-outer { top: 131px!important; }
@media only screen and (min-width : 1px) and (max-width : 1000px) { }
mobile-menu {
display: block!important; }
@media only screen and (min-width : 1px) and (max-width : 1000px) { body header#top #logo img { height: 52px!important; }
Hey,
Try and add this:
.mn-navigation-wrap {
top: -58px!important;
}
Cheers
Your theme is ready for translation? How plugin or program need to be translated?
Hey,
Yes – you can use codestyling plugin https://wordpress.org/plugins/codestyling-localization/ or WPML
Cheers
How to display submenu in the mobile/tablet view, even in the demo (http://themenectar.com/demo/salient-frostwave/) the submenu is not showing up.
My bad, I did not notice the tiny arrow on the right side, I just assume by clicking on the menu, the submenu would expand.
By the way, how can we expand the submenu by clicking on the menu item?
Hey johnacsyen,
this would require a js mod as of now but i’ve noted the idea for the wishlist
Cheers
My nectar shortcodes drop down is not displaying properly suddenly. It was working fine before. Is there a way to fix this with CSS?
Screenshot: http://www.clipular.com/c/4630266099269632.png?k=IoujsNbkFCSm8PXP53Ud326tOyU
I know Salient theme comes with a visual composer built in but is there supposed to be SETTINGS like this in dashboard (see screenshot)? I wonder if my old instance of Visual Composer separate plugin is causing this problem I am having above. Thoughts?
Screenshot: http://www.clipular.com/c/6016741437079552.png?k=0VZs_LXtRAp0QSa9sKZftFHoHYA
Hey,
Have you tried to deactivate or update any plugins you have to see if it helps?
Cheers
Okay, I found the culprit. Turns out it is WooCommerce Review for Discount plugin that is causing this. It’s an important plugin for me so what is the best way to get this resolved? THANKS!
Could you kindly open a ticket in regards so I can take a further look into the backend https://themenectar.ticksy.com
Is there a way to make the large checkout bars on top of checkout so that they are just clean buttons that are aligned side-by-side? Right now I have 3 huge bars across the top of the page and it looks horrible.
Screenshot: http://www.clipular.com/c/6565927328940032.png?k=j_YJ4GcXGKB8JDsAfsq6N8zoCOA
Hey,
Add this into the custom css box located in your Salient Options panel:
html .woocommerce .woocommerce-message, html .woocommerce .woocommerce-error, html .woocommerce .woocommerce-info {
float: left!important;
margin-right: 10px !important;
}
.checkout {
clear: both;
}
Cheers
That didn’t do anything unfortunately.
Could you please share your URL in regards so I can take a look why?
Hello!
Is there a way to add the styled/smooth scrolling scrollbar to the slideout widget?
Thanks!
Hey! You’d need to modify the javascript in regards to call that plugin on the slide out widget div
Ah, gotchya! Thanks!
Are you able to point me in the right direction to where/which js file I will find the necessary code for the slideout and the scrollbar for the main browser window as well?
Thanks again!
$("html").niceScroll({
scrollspeed: 60,
mousescrollstep: 40,
cursorwidth: 15,
cursorborder: 0,
cursorcolor: '#303030',
cursorborderradius: 6,
autohidemode: false,
horizrailenabled: false
});
See, this is EXACTLY why Salient has become the theme I am purchasing for all of my new site builds- Your service and support is second to none. Dude, you rock.
Cheers!
Hi ThemeNectar,
I have the same issued observed by peter4576.
I have a PNG single image nectarslider. However, when observed, the PNG transparent elements appear black – not transparent. This is when observed in Chrome and Firefox.
Page is www.sonderdesign.com/crowd-funding.
Please assist if possible.
FYI, I’ve moved it to www.sonderdesign.com/test instead.
Hey,
You have the png set as the BG so there’s nothing else behind it – you’d need to add a regular BG of your choosing and then add the .png into the caption field to get the desired effect
Cheers
I have the PNG as a slide image, and the BG as a grey / white tone. Even then the PNG transparent area remains black. How do I add the PNG into the caption field?
I reread your comment, and saw that the slider image is technically a BG. I removed it and added the below (not include the arrows) to the caption but no dice. Any advice?
IMG SRC=”http://www.sonderdesign.com/wp-content/uploads/2015/02/Desktop0.102.png” ALT=”some text” WIDTH=1928 HEIGHT=1079
Hey – I don’t see a nectar slider on http://www.sonderdesign.com/ – could you kindly confirm that’s the right URL?
As per the comment above, I relocated the content to www.sonderdesign.com/test instead.
Just a follow up, any feedback regarding this issue?
Hey again – have you set any BG on the slide? I’m not seeing an image supplied so the slider is not loading in
I have updated the slider with an image background is one slide image uploaded. For some reason the image is doubling up.
I’m seeing that you uploaded the same image as the slide BG – when you use a png in the caption the only point of that would be to overlay it on top of another BG image. What are you trying to overlay it on? If you would just like a solid color try uploading an image of that color. If that’s not the goal please share your desired outcome with me so I can understand better
Cheers
You are correct, my mistake. I would like to have the PNG on the slider, and the transparent display as white, not black.
For this case, add this into the custom css box in the Salient options panel:
.swiper-container, .swiper-slide {
background-color: #FFF!important;
}
Why does the button appear so high? I selected the setting to \put the nectar slider button in the bottom but it is still kinda in the middle.
Also, how can I change that nectar slider button for a custom design I have??
???
Hey,
1. The bottom centers the content between the middle and very bottom of the slider – you could make it further down by using css
2. You’d need to add your button image tag into the caption field
Cheers
How would I add the Nectar Slider to a woocommerce shop page? It seems to work on static pages but as soon as I add it to a shop page, nothing shows up.
Hey – you’d need to use the woocommerce product element inside of visual composer instead of using the assigned shop page via the plugin settings
I don’t see the woocommerce product element within the visual composer?
Are you using the latest release of the theme?
I’m not sure if you did anything, but surprisingly, my last query is resolved. Thanks
brings me to my 2nd question: #header-outer { position: absolute!important; } stops the sticky header but doesnt for the seconday header. whats the css for non sticky header for the 2ndary please?
thanks
Hey, add this into the custom css box as well:
#header-secondary-outer {
position: absolute!important;
}
Oh! Please ignore my last comment! I found the answer in your forum and targeted to the media screen. Seems to be working:
@media only screen and (min-width: 1280px) {.nectar-slider-wrap[data-full-width=”boxed-full-width”] { margin: 0 -57px !important; } }
Thanks! Jaime
Hey – glad you sorted it
Hello Salient folks!
First, I love your theme. I used it for my portfolio site (www.superdeluxedesign.com) and now I’m using it again for a client site.
I ran into a problem with the Nectar Slider. I’m using the boxed layout and when the @media-screen is wider than 1280px, I get 6px margins of white space on the right and left of the slider. I tested the slider on my Mac and PC, Chrome and Firefox—and get the same results. I updated the template and tried again. My attempts at custom CSS to correct it have failed.
You can see it here: http://test.paragonpilatespt.com/
Thanks for your help! Jaime
Hey Jaime,
Currently I am unable to see this on my PC, could you kindly share a screenshot depicting the issue?
Cheers
If I want to make my home page use the Anchor Links to navigate to various parts of the page but want to have other pages as well, can I have another header that functions different on the other pages? How do I go about accomplishing this? Thanks.
Hey,
This would require a plugin as of now if you wanted to switch menus entirely – however you can still mix links in your nav of some on the current page and some to regular pages elsewhere. Just use the full URL for your anchor links such as “http://domain.com/#anchor”
Cheers
What is the secondary menu for on the Menus section? I can create multiple menus. Where would this be valuable or used? Trying to figure that all out. Thanks for the help.
Hey – It’s for when you activate the secondary menu in your header options tab of the Salient options panel. That will cause a new nav to be added above the main one
Cheers
I’m still not figuring this out. I want the anchor links to be used on the home page but on the other pages to direct to the appropriate page. I used the full URL with the # in it but all my pages use the same header menu. The homepage is http://www.freshstart.church I have the anchor set up for the messages and plan a visit. When you go to the messages page which is /messages it takes me back to the homepage. Any help? Thanks.
Sorry I misunderstood you – this would indeed take some modding to the header.php file to use a separate menu on that page or the use of a plugin like: https://wordpress.org/plugins/page-specific-menu-items/
I downloaded this plugin and all it allows me to do is hide certain menu items on different pages. I don’t know if what I’m looking for is being understood. Are the anchor links only if you have a one page site? I want the home page to use the anchor links and then everywhere else on my site I want those menu links to take you to the page that they point to. Right now all the anchor links on other pages take you back to the home page section where the anchor points to. Is there no fix for this? It’s really frustrating. Thanks.
Is there any way I could get some help in this? I’ve tried everything at this point. It seems that there should be a way to use the anchor links and have those link to the actual page elsewhere on the site. Here’s the URL to the home page www.freshstart.church It’s the Plan A Visit link on the header. Anywhere else on the site and that text takes you back to the home page instead of to the Plan A Visit page. Please help!
Hey again – this simply is not standard functionality that WordPress allows (switching menus based on the current page). If the plugin listed above won’t work for you case check out this one as well: http://themify.me/conditional-menus
Hey just wanted to let you know this plugin worked! It allowed me to create a different menu (which really is the same but just points to the actual pages.) Thanks for being so active here and answering questions. Even if they get annoying. Haha.
Hey – really glad to hear it worked for you
Pls tell me how to insert a gallery in single portfolio page?
Hey – you can use the image gallery element inside of Visual Composer in your editor to handle that
Do I have other solutions ? I don’t know why my Sailent theme can’t work with VC , it always pop out a notic mentioned something about version of shortcode
Could you kindly open a ticket in regards so I can take a look? https://themenectar.ticksy.com
Hey,
I’m trying to change the background color of the content area using the following css but it doesn’t seem to work:
.container-wrap {
background-color: #ffffff;
}
It does work in the dev tools though. hmm…
Hey – could could you kindly share your URL in regards so I can take a look?
Hey. Well I have an older version of the site up that the code worked on and with the new v5 I’m building it offline and that code doesn’t work. http://www.avenirtechnologies.co is whats currently up.
Hey so I got it to work. Just used #ffffff!important;
Hey – glad you sorted it
