Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Cart 168,842 sales
Recently Updated
Well Documented

ThemeNectar supports this item

Supported

38359 comments found.

Hi,

I can’t setup the page builder or the nectar slider as per the youtube training video

I have loaded the mp4 and webm video on my server as a test http://qualitypcs.co.uk/video-test/

I have the salient theme test on this sub domain http://newdesign.qualitypcs.co.uk/

if it’s the size of the images/video of the nectar slider I can’t find that info in the documentation

Any help appreciated

Hey shah147,

can you please explain in a little more detail what’s going on at: http://newdesign.qualitypcs.co.uk/ ? All I can see is a blank page with nothing added in the page builder/editor. Are you saying you have things in the page builder in the back for the page and they’re not rendering on the front – or is the issue something else?

Cheers

hi

yes you are right, I tried following the page builder vid on youtube I created a new page, and the content was not render in the front end

I have just done a new install of wordpress, installed theme and upload demo content

no major changes at all only 2 menu on header

Can you please open a private ticket on the support forum in regards so I can log in and take a look at what’s going on?

http://themenectar.ticksy.com/

Cheers :)

Hi,

Reference comment from krystalfineart! 4 months ago.

I experience typography conflicts when I adjust the size/type of Nectar/Home Slider Caption & Testimonial. I would like nice big caption text on slides as you have on the demo. Whenever I change this option, the main headings (separator text, centred headings) change, but the slider caption doesn’t change.

Would really appreciate any help.

Cheers.

Hey Henry,

The typography options can only effect the larger desktop view of the Nectar Slider – other sizes in smaller sizes will be automatically calculated to ensure everything has room. If you want to change the caption size for all desktop views please use this in your Custom CSS box located in your Salient Options panel:

 
@media only screen and (min-width: 1000px) {
   body .swiper-slide .content p {
       font-size: 34px!important;
       line-height: 45px!important;
   }
}

Hi guys

Can we add a video header (like on the home page) to the blog page? Also are you able to share if there any new features coming to the theme?

Thanks

Hey acdco!

1. Not full width yet unfortunately.

2.The next update is indeed featured focused (can’t say specifics here just yet though – sit tight!)

Cheers :)

Quick question, How big is the video you guys are using for the demo? and how did you get it to upload, max size for me is 7mb any advice on this would be great.

Thank you

Hey swizenfeld! The demo actually uses videos from 15mb – 30mb. You can get in touch with your hosting company for increasing your max upload size or alternatively just FTP the videos to your server manually and paste the sources in the inputs :)

I updated the new version, but my site www.longtran.co on Firefox is fine but on Chrome the background is tiled.. Please let me know why

Have you cleared your cache since the update?

Hi Nectar, I purchased your theme and love it, it’s working quite well! One thing I noticed however is while using the Visual Composer, there is still the issue of the last column not lining up. I can’t find the setting to define last columns in VC. See the URL I’m talking about here.

Thanks.

That’s great to hear jstamb!

The bug you’re seeing is a known issue that is going to sorted for the upcoming release – to fix it now on your end enter this into the Custom CSS box located in your Salient Options panel:

 .full-width-section > .span_12 > div:last-child, .full-width-section > .span_12 .col > div.boxed:last-child {
    padding-bottom: 15px!important;
}    

Cheers!

Hello, Thanks for the nice theme! I have a question about the Secondary Navigation Menu: Is there any way to place it under header (logo)?

Thanks in advance!

Thanks!

Add this into the Custom CSS box located in your Salient Options panel:

 
#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;
}

Cheers :)

Thank you ever so much!

You’re welcome! :)

Also, something I came across late last night; Is there any way to add category specific options to the widget for “Recent Work”? I’m hoping to use one widget for showing recent images in my gallery, and one for recent work. Since both of these types of posts will be added under “Portfolio”, I can only show all of my portfolio items in the widget

Thanks, Nick.

Hey again Nick!

There’s no option for this yet – but I’ll add that request to the wishlist :)

Cheers

Brilliant, thanks for that. Also – not sure if it’s a generic thing for everyone or just for me (I can always hardcode it myself), but when I have gallery items in widgets I prefer for all photos to link to my actual gallery page, so perhaps adding an option to override the individual links to go to a specified page instead could be useful. If you don’t see the need, then I’ll do it for myself afterwards. Cheers

Thanks for the additional suggestion Nick! :)

Hi there. I’m having some trouble with the nectar slider and was hoping you could help me:

I have the Home – Landing Page with a nectar slider at the top of the page set to align to top. It’s important that my entire image gets displayed, so instead of the stuff underneath the slider cutting the slider image when resizing the window, I would like the rest of the page to simply start at the bottom of the slider. This is probably not an issue with parallax as I have it turned off.

So the slider stretching to the full width of the window is fine. So long as it doesn’t get snipped off at the bottom.

Are there specific css code I would have to edit?

Thanks!

Hey mcroffels!

Have you tried the fullscreen option on your slider? It sounds like that’s what you’re looking for :)

no, even with fullscreen turned on in the slider options, it still cuts part of the bottom off when viewed at 1920×1080

The fullscreen option will simply adjust the sliders height/width to fill the entire screen (minus the header) on any resolution. Have you tried using images that accommodate the fact the header is taking up some of the space? If you can share a URL I’d be glad to take a look. :)

Hi! I’ve been using salient for a while now and it’s great, however i can’t download the new update. I only get the older version. Is there a way to get the new update besides the themeforest page? thanks

Hey liatazulay! The download on ThemeForest is indeed the latest version (3.15) can you please try downloading again to see? (Most users have already upgraded so there shouldn’t be an issue getting the version). Let me know if you still are having issues and I’ll assist further through email :)

Cheers

Ive been playing around with inserting images with transparency in the caption field of the nectar slide editor to overly the video background on my slide. It works great with a PNG however, when I insert an animated gif, the quality of the gif goes way down and even the animation timing is off. Any idea’s?

Second, this sounds crazy but would a video with transparency work(.mov or other)?

The overall purpose of this is to have the ability to animate different text/logos in any font and timing without putting it in the background video which could cause clipping upon resizing.

Hey mikelynds!

1. It’s possible that simply overlaying the animated gif on top of a video is causing the discrepancy you’re seeing. If you can share a URL i’d be glad to check it on my end to confirm.

2. You can set opacity on a video element, but can’t have a it transparent in the sense like a .png where a logo would be solid with the bg see through unfortunately.

Cheers

Hi, I’m wondering how to change the responsive level for the navbar menu, currently at 1000px, I’d like it to be closer to 800px? I have tried all sorts but can’t seem to find it. Cheers.

Hey alis87,

You’d have to change this line in the init.js file located in the js folder:

 if( window.innerWidth < 1000 && $('body').attr('data-responsive') == '1'){ 

Cheers :)

Hi there, we are working on a client site (patagoniacamp dot com) and we are having two issues:

1- when you scroll down the lateral menu (using a plugin) we found a bug with this theme where you cant hover the buttons once you scrolled the page down, here is an example: https://dl.dropboxusercontent.com/u/12558375/PATAGONIACAMP/issue-salient.mp4
This is the example page from the video http://patagoniacamp dot com/bm/filosofia/

2- also in the video page: http://patagoniacamp dot com/bm/video/ the client say, its not possible to see the complete video, at the beginning it stop and start all over again, whats wrong?, i can see this complete but not the client.

Hey mzuker,

1. Since the actual links are still clickable and it’s not a z-index issue + no errors are being reported in the console this is kind of difficult to troubleshoot since it’s a plugin that’s creating the functionality. The sidebar following plugin Salient uses natively to accomplish the optional portfolio sidebar follow does not yield similar behavior so your best bet would be to try and contact the plugin author for some more light shed on the issue.

2. What browser were they viewing it in? I can see the video is not loading in FireFox because you need to add this into the .htaccess file:

AddType video/mp4 .mp4
AddType video/mp4 .m4v
AddType video/ogg .ogv
AddType video/webm .webm
AddType video/webm .webmv

Also make sure the video files are small enough for constant streaming (30mb or under)

Cheers :)

Do we need to add that code in htaccess in all the sites using salient with a video in the background?

Some servers already will parse video files inherently, but for the ones that don’t this will force it :)

Hi there,

Pre-sales questions:

1) Can I have a center logo in the header along with a centered menu below it?

2) Can I have a blog stream (like the “Homepage Blog Example”) with extra content and a slider above it?

3) Can I have a boxed format rather than a full-frame?

These are all things my client is looking for. Thanks!

Hey helloengage!

1. This would require custom css that I could provide.

2. Yes, you can have whatever you like above/belove the blog using the page builder :)

3. Yes, this is also viewable through the live demo if you use the pull out options on the right hand side (the gear icon).

Cheers :)

Hey folks,

currently working on this theme and i am wondering how to change the number of columns inside the carousel element. For example here.

The Carousel with the client Logos, it is six columned. But when i set up this element it has only three columns and also slides by three columns and not by one like in the link above.

Anybody got some hint? Don’t want to develop it myself :D Thanks!!! Awesome theme btw

Hey Jorys,

The clients element gives you the option to change the columns but the actual carousel element does not and always will be 3. If you need to modify this you’ll have to open the init.js file located in the js folder and change these lines:

 
var maxCols = ($(this).parents('.carousel-wrap').attr('data-full-width') == 'true') ? 'auto' : 3 ;

var scrollNum = ($(this).parents('.carousel-wrap').attr('data-full-width') == 'true') ? 'auto' : '' ;

to be what you need. For example here’s a 4 column carousel that scrolls to at a time:

 
var maxCols = ($(this).parents('.carousel-wrap').attr('data-full-width') == 'true') ? 'auto' : 4 ;

var scrollNum = ($(this).parents('.carousel-wrap').attr('data-full-width') == 'true') ? 'auto' : 2 ;

thank you very much! I think i can take it from there

You’re very welcome :)

@tabishiqbal

you mean something like this for the navigation?:

#header-outer {
    display: none;
    box-shadow: none;
}

.container-wrap {
    margin-top: -90px;
}

.small-nav {
    display: block !important;
    background: white !important;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22);
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22);
    -webkit-animation: fade-in 2s; /* Optional*/
    animation: fade-in 2s; /* Optional */
}

/* Optional */
@-webkit-keyframes fade-in {
    from {opacity: 0;}
    to {opacity: 1;} 
}
/* Optional */
@keyframes fade-in {
    from {opacity: 0;}
    to {opacity: 1;} 
}
/* Optional */
@-webkit-keyframes fade-out {
    from {opacity: 1;}
    to {opacity: 0;} 
}
/* Optional */
@keyframes fade-out {
    from {opacity: 1;}
    to {opacity: 0;} 
}

for the footer.. I think it could be possible but you’d probably have to create a custom foother.php using a child theme or edit the footer.php of the salient theme.

The full width content on pages uses the .wpb_row.full-width-content and .full-width-content classes. But I have no idea if and how they would work on a footer I currently don’t have an option of testing this.

RedactiePartners, if I could award you a star badge I would! It really is awesome to see you actively helping others so much :)

It is no problem for me :) I try an refrain from answering questions that have a much deeper impact on the theme’s internals. I do have some edits I’ve made personally that may be of use to others but those are personal edits to source code which I won’t post for everybody to see ofcourse (like the Team Member Gif option on Ticksy)

That’s excellent! Keep up the good work :)

Homepage main image is not loading for:

Windows 8.1 ie 11 Windows 7 ie 11

?? Any updates coming for this fix??

Hey MiloHoffman00, since this isn’t a known bug I would need to see your URL to check on what’s going on. Are you already using the latest version? There was one IE11 related fixed added two releases ago which could be what you need.

Cheers :)

Hallo and thanks for this awesome theme!

I am having some issues with Nectar Slider on the responsive aspect. The texts within the slider resize in a way that on mobiles are not easy to read (too small). Is there a way to deal with this?

thank you

Hey ascardi!

The text sizes scales down proportional to the rest of the slider to ensure no clipping on the image. If you want to change it you just need to look for these rules in the mobile viewport in the responsive.css stylesheet located in the css folder.

body .swiper-slide .content h2 
body .swiper-slide .content p    
body .swiper-slide .button a 

Cheers :)

Hello Theme Nectar, thank you for creating such an amazing, funcional and responsive theme! After purchasing and setting up, I have one question

Does exist the possibility to create three full-width section (placed one below the other) responsive in height so that they are always high 1/3 of the browser page?

thankyou

Thanks a lot albeandreetto!

Right now this would take some custom development to make it work – essentially the gist of it would be to add a class to each row e.g. “one-third-high” and then in the init.js file add an event to resize that class to 1/3 of the current window height :)

Hi,

I am having some size issues with the home slider. The slider is cutting off part of the image, even when I make the image smaller or adjust the height in options. Can you help please? I’m a bit stuck. it;s not rendering properly on mobile/ipad

Hey ThemeNectar thnxs a lot man it’s work :)

One last question, is this theme have the dedicated testimonial page ?

Hey again!

All you would need to do is create a new page and use the testimonial slider element or simply use the standard blockquote button on your editor if you wanted to stack them :)

Cheers

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey