Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Cart 168,306 sales
Recently Updated
Well Documented

ThemeNectar supports this item

Supported

38327 comments found.

How do we get the transparent header to work for the portfolio? We don’t see an option to turn it on. It has the standard header at the top of all of our portfolio projects and we would like to change some of them to the transparent header.

Hey 4THPARK,

You’ll need to have a project header color or background image/video supplied for your project in order to trigger the transparent header by default. That is unless you have activated the “Single Project Remove Default Header” in the Salient options > Portfolio > Single project tab—that option will make the transparent header act like a regular page.

Kind regards

We’ve tried everything to activate the transparent header for our portfolio, including your initial suggestion. It’s not working. Any other suggestions? Is there a code we need to change to make it work? We have the ability to turn the transparent header on and off on a page, but the option isn’t available on portfolio pages.

Hey 4THPARK,

There is no code that is required to utilize the transparent header on single projects. However, I would need to see your setup to understand why it’s not triggering for you. Kindly open a ticket on the support forum in regards

Hi, I’m thinking of buying Salient theme but will want to set it up on a test website first. If I buy is there any problem with having it installed on my live website and also on my test website that I use to test updates, etc?

Hey janak5,

You are indeed allowed to use the theme on a staging/local test site in addition to your live domain.

Kind regards

You’re welcome, janak5 :)

Is it possible to set a min width for call to action elements?

I’m looking to create a grid of buttons so they all need to be the same width and in line.

Hey MarcGarner, Here’s a snippet you could use for that:

.nectar-cta .link_wrap {
    min-width: 300px;
    display: inline-block;
}

Kind regards

Hi ThemeNectar, we’re creating a search input field (friedrichgrohe.com/publications-with-search-2/) that will filter through div elements. The dropdown next to the search “newsletters’ etc uses the nectar-tab-trigger to switch between a tabbed section below, to avoid a full page reload. However, this trigger is not working – do you know why this is. Will update the theme as a last resort. Thanks

Hey webspacedesignuk,

The custom class trigger “nectar-tab-trigger” was not added until more recent releases than your current version. If you don’t wish to update the theme, you could also manually add a function that looks for that class name to handle the tab change. We can provide that for you in you would like to open a ticket on the support forum in regards

Cheers

Thank you for your response. I have added a search feature to the page located at /publications. I wanted to confirm if filtering the publications in this way makes sense for this particular use case. Currently, when you search for “winter” in “the link,” the results are stacked, requiring scrolling. Is there a way to modify this layout so that the results always fill the three inner columns in each row?

I noticed on your prebuilt demos page, specifically at http://preview.themeforest.net/item/salient-responsive-multipurpose-theme/full_screen_preview/4363266, you have utilized a post grid that allows for filters. I’m curious about how the custom external URLs and thumbnails are configured. Could you please provide some insight? Thanks,

Hey webspacedesignuk,

1. Since each set of three columns is in their own row, filtering would produce instances where some rows are not filled with three items. There’s no easy way to change that unless you move all of the columns within the same row.

2. You can specify an external URL for each project in the “Project Configuration” metabox when editing a project. THere’s also a field for that overlapping image called “Secondary Overlaid Image”

H!. Is there any way that the quick view button in woocommerce products shows the smartphone resolution?

Hey mirazoqui!

Currently that is disabled since the layout for a quick viewed product it isn’t responsive. If you enabled the button via CSS, you would also need to do some additional CSS changes to alter the layout for a phone view.

Kind regards

Hi,

Is it possible to use videos in product gallery when using woo commerce with Salient? Also we are having a small alignment issue on mobile responsive screens with the products displaying to the left and to the right (unevenly) do you know how we can fix this? I’ll send a link to the page in a private message.

Cheers

Hey Micatuca,

1. There is no built-in functionality to allow for videos in the WooCommerce product gallery currently. That would require the use of a plugin.

2. I’d be glad to take a look at the alignment issue if you can share the page URL

Kind regards

Hi.

I have a 1 page website with Salient https://www.re-play.ch/

I have a link to vacancies (= posts) from the homepage (see bottom of the page) to this link https://www.re-play.ch/carreers/back-end-developer/

Since these posts, when I click on the Main menu that contains links with anchors, it does not work. In Menu, if I simply write #contact in url, nothing happens (necessarily). I have to put the url in absolute. But even with that, it goes well on the homepage but the anchor does not work, nothing happens.

Do you have an idea of the problem please? Thanks

Hey wincher, I would suspect that something related to the box roll header effect is stopping the hash from triggering, however, I have not been able to replicate the same locally or on the agency demo yet e.g. https://themenectar.com/salient/agency/#reasons

Could you please open a ticket on the support forum in regards so that I can take a closer look into your setup?

I would like that nectar-video-bg not reload, is stop after first load at the end of the video.

Hey Giovanni_m, There’s no way to make that change to the background layer on rows/columns without modifying the underlying template file. I would instead recommend using the “Self Hosted Video Player” element configured to autoplay without controls and to not loop.

Kind regards

Hi there. Is it possible to add a border radius to the thumbnail image associated with default recent posts. Have searched here but can’t find a solution. Many thanks.

Hey wints77,

You can make that change by adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:

.blog-recent[data-style="default"] img {
  border-radius: 10px;
}

Kind regards

Great. Thanks

You’re welcome, wints77 :)

Hey! Love the updates! Wow. I’m having a (hopefully little) padding issue or something like that. On these 3 pages, above the image on mobile, there’s a massive white space gap. I don’t have padding set mobile specific, so I can’t figure out why this is happening. Any chance you could help?

Site password: hawthorne23

Above the top image here: http://hawthorneglobal.ie/value-creation/

Above the top image here: http://hawthorneglobal.ie/product/

Above the bottom image here: http://hawthorneglobal.ie/payment-orchestration/

Thank you so much

Hey A_K! I’m glad you’re enjoying the newer functionality :)

It appears that you have top padding set on the inner column for tablet and lower on http://hawthorneglobal.ie/value-creation/

It should be specified in here for you to edit: https://ibb.co/LpKZHf1

Kind regards

Oh wow hahaha, I don’t know how I missed that! Thanks so much. Rookie mistake lol.

You’re welcome, A_K!

How can I adjust the screen width that the mobile logo is displayed in place of the regular logo? Currently it displays the mobile logo at 999px, but I need it to display from 1100px, which is the custom width I set for the mobile header in settings.

Hey urbanstorm,

You can make that change by adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:

@media only screen and (max-width: 1100px) and (min-width: 999px) {
  #header-outer #top .span_3 #logo img:not(.mobile-only-logo) {
      display: none;
  }
  #header-outer #top .span_3 #logo .mobile-only-logo {
      display: block;
  }
}

Kind regards

Thank-you that worked perfectly.

You’re welcome, urbanstorm :)

Hi, is the theme compatible with any translation plugin?

Hey laura_br,

Salient is compatible with all major translation plugins: https://themenectar.com/docs/salient/translations/

Kind regards

Hi, is there a way to disable the zoom in effect from the picture of the Meta Overlaid, Bio Modal from the Team Member? Thanks

Hey murguiareynaldo,

You can remove that by adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:

body .nectar_team_member_overlay .team_member_image {
    -webkit-transform: scale(1);
    transform: scale(1);
}

Cheers

Hello, I’ve sent you multiple emails regarding some stuff, please take a look when you can.

Hey juvengle,

I located your emails earlier today and responded in regards.

Is there a way to not only open a specific tab from the samepage page, but scrolldown to a certain id anchor on a page with a specific tab open? I tried using the following URL structure, but it did not work:

https://mindatrafik.com/ikhlasgo/produk/?tab=tigran#detail

I build the tab in global section, and call the global section in this page https://mindatrafik.com/ikhlasgo/produk/

this link is succeed https://mindatrafik.com/ikhlasgo/produk/?tab=visual-builder#detailing if we create tab in the same page https://mindatrafik.com/ikhlasgo/produk/, but didn’t work if we create the tab in the global section and call the global section in this page https://mindatrafik.com/ikhlasgo/produk/

Hey shaky512,

You should be able to link directly to a tab that’s contained within a global section and scroll to that area on the page if you’re linking from a different page. However, there’s no functionality built-in to allow an animated anchor link + tab change from a link that exists on the same page i.e. without an actual page refresh.

Hi, after updating my site WooCommerce has severe problems with orders and payments. Can you pls help? I downgraded WooCommerce but still has problems. Thx

Hey civico31_it, there wasn’t an update to Salient in March. The two most recent updates were in January and April: https://themenectar.com/changelogs/salient.html

Have you deactivated Salient for the default theme to ensure that the conflict you’re experiencing is somehow tied to the theme?

Kind regards

Hi, I guess my issue is about WooCommerce. Could you pls help me? THX

Hey civico31_it,

I can see you’ve opened a ticket, so we’ll follow up with you on the support forum in regards.

Hi. Is there a specific schedule for the release of version 15.5?

Hey Jabbarpour, There’s still no exact date scheduled—However, the public beta has been open for a week and we’re actively collecting user feedback :)

Can I add pages to this template? Such as a portfolio? https://themenectar.com/salient/saas/

Hey jrydesign,

Yes, you have the flexibility to extend any of the demos to include as many pages as you require or to incorporate any of the elements available in Salient.

Kind regards

Hi—question about my shop page using woocommerce: https://jamescarveronline.com/shop

The breadcrumbs in my shop section do not allow users to get back to the shop’s main page when they are viewing any given product. It’s got a “Home” link that just takes users to my website homepage—essentially taking them out of the shopping experience so they have to go back to the main navigation and try and pick up where they left off.

However on your demo page at https://themenectar.com/salient/ecommerce-robust/product-category/skincare/ whenever a user views any given product, they have a bread crumb option that takes them back to the main store level instead of taking them to the homepage of the website.

How can I get the same standard experience on my shop?

Hey JayCarver,

That’s the default functionality of the home link within the WooCommerce breadcrumbs.

The “Home” link on the single product page in the eCommerce robust demo does still lead to the front page of the website, and not the WooCommerce shop page. However, you can easily modify this by using a simple filter from your child theme. Here is the documentation on doing that: https://woocommerce.com/document/customise-the-woocommerce-breadcrumb/#section-4

Kind regards

On the fancy box “bottom color bar hover effect”, is there a way to show the image also before the hover? The background image is hidden until hover. I’d like to show it before and after. Can’t figure it out. Thanks!

I actually figured out what I did wrong

Hey joshuabbutler

I’m glad that you were able to sort it :)

For anyone else who may come across this, if you want to alter the overlay on the “bottom color bar hover effect” fancy box style with CSS, you could add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:

#ajax-content-wrap .nectar-fancy-box .box-bg:after {
  background-color: rgba(0,0,0,0.2);
}

Kind regards

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