Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Cart 170,141 sales
Recently Updated
Well Documented

ThemeNectar supports this item

Supported

38434 comments found.

Hi, can I find documentation on the z-index use of this theme?

Hey donna2,

What element(s) are you specifically wondering about the z-index on? If you’re referring to setting custom z-index values for elements within the page builder, there is currently only the option to do that on rows:  https://ibb.co/SymtZrF

Cheers

Hi guys,

I’ve just noticed an issue, the footer reveal doesn’t work on chrome at all, just not showing up – is there an easy fix for this?

Thanks

No worries dephixeb,

This was fixed in v 10.5 – if you do not wish to update now, please add this into the custom css box located in the Salient options panel > general settings > css/script related tab:


div#ajax-content-wrap {
    overflow: hidden;
}

Cheers

nice one! I’ll be updating next month – thanks a lot for help and good work!

You’re welcome dephixeb :)

Hi!, I have a question about license, I want to start another project on other domain and also I’m going to delete theme from previous one. Would I be able to install it? Thanks in advance for your help :)

Hey nklski!

You will indeed be able to install Salient on the new domain. Please let me know if you have any issues :)

Cheers

Hello, I would like to include an image after the copyright section in the footer, but it isn’t showing with the img src code I have entered in the salient options: ‘Footer Copyright Section Text’

So I found a piece of code that puts it as img background in the footer, but it just ends up overlapping the text on different screen sizes, and ideally I would like it after the copyright text rather than in the middle.

footer-outer #copyright {

background-image: url(‘https://www.viscum.printassistant.co.uk/wp-content/uploads/2019/10/Accepted-Payment-Methods-small.png'); background-repeat: no-repeat; background-position: center 12px; }

Image URL: https://www.viscum.printassistant.co.uk/wp-content/uploads/2019/10/Accepted-Payment-Methods-small.png

Also see screenshot: http://tinyurl.com/yyyroo2m

On slider, on ipad sort of screen size, the secondary button is bigger than primary. Can you advise?

https://www.viscum.printassistant.co.uk/

Hey Utopia_Creative,

1. If you want the image to sit directly after the text, it would be easiest to simply copy the salient/includes/partials/footer/copyright-bar.php file into a child theme and make the modification there.

2. add this into the custom css box located in the Salient options panel > general settings > css/script related tab:


@media only screen and (max-width: 1000px) and (min-width: 690px) {
div[data-button-sizing="large"] .swiper-slide .button.transparent a, 
div[data-button-sizing="large"] .swiper-slide .button.transparent_2 a {
    padding: 7px 12px!important;
}
}

Cheers

Thanks for your reply. OK, so I installed my child theme and it made my site weird, I copied all my css from my parent theme over.

Have I done something wrong?

See video to explain: https://drive.google.com/file/d/1rBNouiHnetrqpenj1su4ByMMqq-CCDNG/view

Can you just clarify where I add the code to specifically? Like which line within the copyright-bar.php and after which bit? Do I just inject it like this below?

accepted-credit-payments

Thanks a lot, really appreciated.

Hey Utopia_Creative,

What CSS did you copy over the parent theme? When you use the child theme that we provide in the Salient download from ThemeForest, you do not need to add anything to it for it to work.

Could you kindly reach out via the contact form on my author page with a temporary admin login so I can take a closer look at it? https://themeforest.net/user/themenectar

Thanks

Hi there,

On my pages on mobile the subtitle isn’t showing in my header. Any idea why? Website: https://eventsoftwarebenelux.xom

thanks in advance

Hey workforceit, weirdly enough that is still not working.

I forgot an E, this is a copy of the url: https://eventsoftwarebenelux.com/

Hey workforceit, add this into the custom css box located in the Salient options panel > general settings > css/script related tab:


@media only screen and (max-width: 690px) {
.row .col.section-title span:not(.share-count-total) {
    display: block;
}
}

For the website I’m working on, https://derma2care.nl, I made a distinction between the desktop/ipad landscape and the ipad portrait/mobile version of the homepage by setting a certain column to show ON or OFF. An example can be seen here: https://www.evernote.com/l/AAR0iMuDA7BExojqptM_FY7Saj-N-LIYLQM

The problem how ever is that still the row produces some whitespace on the ipad portrait/mobile version of the homepage so I don’t get a nice grid.

My questions are: 1. Why can’t I select this ‘Hide on device’ setting for ROWS? 2. What is the best way to build different versions for desktop, ipad landscape, ipad portrait and mobile? I can imagine that you build two or even four different versions for desktop/ipad landscape and the ipad portrait/mobile.

Hey htusco, the ability to hide columns on various viewports is a core feature of WPBakery page builder and not something that Salient has added on. Unfortunately there is no default option to also hide rows in a similar fashion. You would need to use class names on the rows to accomplish that:

vc_hidden-lg
vc_hidden-md
vc_hidden-sm
vc_hidden-xs

What is the best way to build different versions of the homepage for desktop, ipad landscape, ipad portrait and mobile? I can imagine that I build two or even four different versions for desktop, ipad landscape, ipad portrait/ and mobile (different types) and use a script to detect devices and redirect to a certain url based on the device.

What happens right now is that, although the columns are hidden, the code still has to be loaded by the browsers. While I first thought that hiding meant complete elimination from the code. So making one homepage for the different devices by hiding columns for certain devices means that pages source code becomes huge and this means extra loading time for the different browsers. It also implies low grades in e.g. GT Metrix, Pingdom and Google Pagespeed. And this is not good for high ranking positions in Google.

Can you please advice how I can handle this issue best ?

Hey htusco, if you want to use a completely separate page, custom development would be required or the use of a plugin that offers this functionality such as: https://wordpress.org/plugins/mobile-redirect-plus-lite/#i%20activated%20the%20plugin%20and%20nothing%20happened%3F

​I am seeing a lot of console errors since I upgraded to v11? for example, this type of thing? https://www.imageworkshop.com/about/

Uncaught TypeError: $offCanvasEl.mousewheel is not a function at OCM_scrolling (?f=wp-content/themes/salient/js/priority.js,wp-content/themes/salient/js/third-party/transit.js,wp-content/themes/salient/js/third-party/waypoints.js,wp-content/themes/salient/js/third-party/modernizr.js,wp-content/plugins/salient-portfolio/js/third-party/imagesLoaded.min.js,wp-content/themes/salient/js/third-party/hoverintent.js,wp-content/themes/salient/js/third-party/magnific.js,wp-content/themes/salient/js/elements/nectar-testimonial-slider.js,wp-content/themes/salient/js/third-party/superfish.js,wp-content/themes/salient/js/init.js&ver=1571025217:746)

Hey monstrous, I’m not seeing those console errors appear when visiting that page. Are they seen throughout other specific pages on the site or are you able to see them everywhere?

I’m seeing them on a few pages. I did a few extra tests and it seems that they show up when I’m logged into Wordpress? (which is strange) I’ve also found that the nectar-slider stops working while I’m logged into wordpress as well?

Hey monstrous,

I can also see the Nectar Slider working when logged out – can you please deactivate any caching/minification plugins you currently have active so that we can hopefully view the same file versions?

Cheers

the mobile menu on your demo pages does not work on safari – iphoneX. It is blank, or colors not displaying properly.

working now. I think something was not loading properly before.

Hey kmhelms, I’m glad to hear you got it sorted.

Cheers

Hi dont you have a history timeline in vc elements ? How can I add a timeline to my page

Hey anazkhan, there is no history timeline element available in Salient. All of the theme elements are showcased on the main demo here: http://themenectar.com/demo/salient-promo/

Adding a timeline to the page would require the use of a third party addon at this time.

Is there a lightbox for contact form as well? I want contact form in a pop up rather than on a page.

Hey adiojack, add this into the custom css box located in the Salient options panel > general settings > css/script related tab:


body .fserv-container button {
   height: auto;
   line-height: 1em;
}

What to do after this?

Hey adiojack, the CSS I provided was to fix the padding issue in the “Submit” button on the URL you’ve shared. If that’s not what you were asking about, can you explain further as to what you’re trying to do to the button?

I’ve just got theme updated to the latest version. Unfortunately, I am experiencing a lot of bugs.

1. Portfolio section ‘view all projects’ looks odd: https://drive.google.com/open?id=1QXThnTYefXXzLMlc3Tk9bNzj0IIvx5-V

2. Main bg color set both in the salient theme and on the page is mostly ignored. I had to set to the dark value manually on each page row instead. Was obviously working before the update.

3. Logo is not getting shrinking anymore on the scroll down as well. ‘Header Hide Until Needed’ is already turned off, ‘Header resize on scroll’ is On.

www.moth3r.com

Thank you

Hey moth3r, What version of Salient were you using prior to updating?

1. add this into the custom css box located in the Salient options panel > general settings > css/script related tab:


.portfolio-items[data-ps="7"] .col [data-custom-content="on"] .work-info .vert-center {
  opacity: 1;
  transform: translateY(-50%) translateX(-50%)!important;
}

2. I can see that the overall BG color is set to #222222 in the CSS, however, the default BG for the fullscreen rows is remaining at #fff. For now, you could globally change that to another color by using the following before we sort this in the next minor release:


#nectar_fullscreen_rows,
#nectar_fullscreen_rows > .wpb_row .full-page-inner-wrap {
    background-color: #222;
}

3. The header resize effect will only trigger when scrolling on a regular page that is not using the fullscreen row option. Do you have any pages on your site that are not using that so I can take a look?

Thanks in advance

This may have already been reported, just just in case, there may be a bug on the Recent Posts element > Multiple Large Featured. When a background overlay diagonal gradient is selected for the overlay, all of the content is placed behind the overlay, so I think there is a z-index issue. This only happens is diagonal gradient if selected. Solid color background overlay option doesn’t have this issue.

Hey teenhype90210, thanks for reporting this. For now you can add this into the custom css box located in the Salient options panel > general settings > css/script related tab:


.nectar-recent-posts-single_featured .inner-wrap {
    position: relative;
    z-index: 10;
}

Cheers

please! Implement an endless feed of articles with seamless switching to the next article address for SEO optimisation. https://demos.codetipi.com/zeen/fashion/chasing-shadows/

Hey Nicko_217, thanks for the request! I’ve noted your +1 for the idea.

Cheers

Hi Guys,

Excellent work with the theme, really like it.

My question is, what’s the best way for updating from 10.0.4 to latest 11 from a child theme? It’s a bit unclear on your guides.

Thanks

Hey dephixeb, Thanks a lot :)

If you have many modified files in your child theme, you might need to update the structure of some of them to match the new parent version when updating to v11. The update process is still the same. You can use any of the available methods described in the docs here: http://themenectar.com/docs/salient/updating-salient/   Cheers

Been using this for awhile, it is a great theme. May have uncovered a bug though. I use classic editor and TinyMCE editor plugin which gives you<> code tags. Using these in Salient when background is set to black makes everything wrapped in code tags unreadable.

Everything in code tags is white background and the text is white as well since background in Salient is set to be black.

Hey Lock45, Could you kindly share a test URL so I can take a closer look at the setup?

Thanks in advance

​Hi!

When I use a mobile device I would like to see different menu items than on desktop device (pc).

When i set Off Canvas Menu Style​ ​as a Simple drop down, ​many options disapeare from my screen. There are only four options left after that:

Off Canvas Menu Style Off Canvas Menu Add Menu Label Off Canvas Menu Add Social Off Canvas Menu Bottom Text​​​​

I created two different Menus on Appearance/Menus​ ​- one for Top Navigation Menu​ ​and one for Off Canvas Navigation Menu, and there are different menu items in both of them.​ But on mobile device I see only those who are in Top navigation menu. It shouldn`t be like that, right?

I also tried to put this Navigation menu on Appearance/Widgets / Off Canvas Menu​, but without any different results.

So, how can I use “Simple drop down” Off Canvas menu style + different menu items for Mobile devices?

Thanks! Valts

Hey Valts!

The Simple Dropdown functions a bit differently than the other OCM styles. Currently, this would require modding the salient/includes/partials/header/classic-mobile-nav.php file in regards. You can alter this section:

'theme_location' => 'top_nav',

The file can also be moved to a child theme to safely store the alteration.

Cheers

I love your knowledge! :) Thanks! It helped.

Glad I could help Valts :)

Hi, please help me, i have problem with image comparison. I think the problem is in js. This is page with problem https://beauty-lux.ch/bilder/ .

Hey nikolagrupa, the issue is stemming from the lazy loading feature you have active via WP Smush. Please deactivate that option or else you’d need to add this into the custom css box located in the Salient options panel > general settings > css/script related tab:


.twentytwenty-container img {
  min-height: 350px;
}

Hi, I want to open a video in lightbox when person clicks on “Watch Video” button on the first cover.

Here’s the page

https://www.mysterymonks.com/new-homepage-2/

How to do it?

Hey adiojack, Add the following class names into the button settings > extra class name field: magnific-popup nectar_video_lightbox

https://ibb.co/k9YdjQg

Cheers

Hi, what do I put as link for pop up in button URL?

Hey adiojack, the link to the video on Vimeo or Youtube

Hi, how easy it is to update the theme? Should I just upload the theme? Will the changes that I’ve made on the previous theme be overwritten? Thanks!

Hey arcBshopEyek!

You can use any of the methods described in the docs here: http://themenectar.com/docs/salient/updating-salient/ If you’ve made modifications to the core theme files, they would be lost. All of the theme settings and content will be preserved, however custom code modifications should be kept within a child theme

Cheers

Hi—I have the latest theme and notice my masonary blog styles have a ton of unwanted padding between the posts at https://jamescarveronline.com/filmmaking-news-and-updates/ do you know what is causing this? Noticeably in Safari and Chrome.

Also at https://jamescarveronline.com/current-projects/ ll of a sudden the page at the top where I have project thumbnails are broken and at the bottom there is more unwanted padding issues between the photos. These pages haven’t changed in almost a year until I updated. Same plugins, etc. Any thoughts?

Hey JayCarver,

The issue is stemming from the lazy loading feature you have active via the WP Smush plugin. The Portfolio element and blog (when using a masonry style) have never been compatible with lazy loading from third party plugin due to the reliance of javascript for calculating the dimensions. However, in the most recent update we’ve added a theme-specific lazy loading option for the blog in the Salient options panel > blog > functionality tab. The portfolio will likely receive this as well in the future.

Cheers

Awesome, you were right I just deactivated lazy load from the plugin and it immediately resolved the issue. Thanks!

Glad I could help JayCarver :)

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