Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Cart 166,334 sales
Recently Updated
Well Documented

ThemeNectar supports this item

Supported

38194 comments found.

Hi, how can i add a phone number beside the hamburger menu like in the new architect demo?

Hey Cartman66,

You can add a phone number to your menu by using a custom link: https://ibb.co/BV3KVz3

However, if you’re specifically interested in getting that button style for the phone number, you can use the Salient menu options when editing that menu link: https://ibb.co/xJfPJsQ Please see the following resource on the Salient menu options: https://themenectar.com/docs/salient/header-button-links/

Kind regards

Hi, thank you for the answer i appreciate it. But how do i manage it to have the button next to the hamburger menu not in the off canvas menu. Like in the demo: https://ibb.co/1QFPrSJ

Hey Cartman66,

You would just need to create and assign a menu containing that button link to one of the main menu locations: https://ibb.co/mt7WjvS e.g. “Top Navigation Menu” instead of “Off canvas navigation menu”

Hey guys. Simple question that won’t require much of you brainpower today, lol.

Question is… is there a way to have 2 different header/footer layouts? For example, a dark option and a lite option?

If not… major wishlist request

Hey arteest :)

Since you would be utilizing a separate set of theme options, that would require the use of a modification from your child theme or a WP Multisite installation.

Kind regards

Bit of an odd one: Is there any way to display a different Global Heading Section based on user role?

For example, I currently have a global header “X” displaying on all Post Pages for my “Subscribers”. I’d like to keep that, however I have a new role called “VIP” and for those users I’d like to show header “Y” on all the Post Pages.

Not sure if this can be accomplished or if there is another workaround.

Hey Andrew_McNelis, Can you kindly try updating to the latest theme release and then update your Salient core to the current?

That did the trick. Thanks again!

You’re welcome, Andrew_McNelis :)

Hi, how do I disable the footer from global section in the blog posts?

Hey djb19,

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

.single-post .nectar-global-section.before-footer {
  display: none;
}

Kind regards

Thanks! I used the blog layout but I don’t want the excerpt to show. How do I remove that? I don’t see it in settings. https://tinyurl.com/3f26u4sa

You’re welcome, djb19 :)

Here’s another snippet for that:

.masonry.classic_enhanced .post-header {
  Margin-bottom: 0;
}
.masonry.classic_enhanced .post .excerpt {
  display: none;
}
.masonry.classic_enhanced .masonry-blog-item .article-content-wrap {
  padding: 10%;
}

Kind regards

In single blog posts I want to ad section where is related articles, but I want to choose those articles by myself. It’s a blog about music and this is why i need to choose manually which other posts are related. Is it possbile? I’ve tried WP bakery builder but didnt find a solution with “recent Posts” and “blog”, only could include particular category.

found this function on post grid, all ok now

Hey Justinasmi, I’m glad that you were able to find what you were looking for :)

Hello! I am using the site review plugin on the salient template. They reported that the theme uses select2 for review rating. Can you tell me how can I remove the drop down list from the rating?

link: https://freshfoodmsc.ru/novye-otzyvy/

Hey Dilik, You can disable that in the Salient options > Form styling tab via the option “Enable Fancy Select Styling”.

Kind regards

Hi! I’ve read your guides but I didn’t find the answer: how can I prevent Google fonts from being fetched directly from the Google server, by activating “fonts.googleapis.com” and “fonts.gstatic.com”? I wish there were no longer those links: I tried with the options on the item ” Salient> Typography” Fonts loaded by the theme and do not load fonts but those sources keep appearing in the code! How can I do (it’s very important for european users)? Thank you

Hey thebugbear,

You can host Google fonts locally on your own server by using the plugin: https://wordpress.org/plugins/local-google-fonts/

Kind regards

Hey there Team Salient. I was wondering if someone could provide some code on two different instances of the Post Grid element? I’ve created a demo page with the 2 elements in question

1. Reduce the padding at the bottom portion of a Post Grid. 2. Remove the title/space from the bottom of Post Grid. I want the spacing between columns and rows to be even.

As always, Thanks guys.

Page here: https://bit.ly/3kmya3O

Hey arteest,

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


#ajax-content-wrap .postgrid-shortbase .nectar-post-grid-item .content {
    padding: 15px;
}

.postgrid-notitle .nectar-post-grid-item .content {
  display: none;
}

Kind regards

Thank you :-)

You’re welcome, arteest :)

Hi there,
Is there a way to disable the gallery lightbox just on mobile while having it on desktop?

Hey Romanesco,

You can get that functionality 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: 1000px) {
  .wpb_gallery {
     pointer-events: none;
  }
}

Kind regards

Wonderful! Thank you so much.

You’re welcome, Romanesco :)

So, this issue happened not only on my website (finally) – here – https://themenectar.com/salient/image-with-hotspots/ – when you close modal or clicking on close button it drops you to the top of the site. Happened multiple times on different iPhones. 12 pro. 11. 13 pro max. Random modal on closing could drop user to the top of the website. Especially bottom one. On desktop and tablet – works fine. Those hotspots that placed on top image works good so far. But those on bottom drops you to top on closing. Randomly.

Hey raffess,

1. You should be able to prevent that on your end by adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:

.nectar_image_with_hotspots .nectar_hotspot_wrap .nttip .tipclose {
        pointer-events: none;
}

2. The URL you’ve linked is not a site that’s using Salient—however, I would recommend also setting the pointer events to none on any link you wish to lead nowhere. You could give a class name to the call to action element such as “no-pointer-events” and then add the CSS

.no-pointer-events .link_wrap .link_text {
    pointer-events: none;
}

Please use the support forum in future when posting multiple questions, as this is not the correct location: https://themenectar.ticksy.com/

Kind regards

Grand thanx. I guess, that my support subscription is expired. Will renew it.

By the way – none of your solutions helped. In 1st one – modal window on the phone become unclickable. In the 2nd one , and even with !important, CTA still jumps to the top while having # in link section, or reload when blank. I did clear cache every time I put something in css. Of course : ) So far – i leaved double ## in CTA link. And return previous settings to modal windows in hot spot images.

Hi there,
Can we designate some blog/ portfolio posts to open as a gallery lightbox only and others to enter the blog/ portfolio posts? Currently, I see an option to have one or the other, but no way to mix the two. Thanks!

I tried that, but I always get a “The image could not be loaded.” message on click. Clicking it downloads the video locally. On the other hand, the external (YouTube) link works, though. Can the gallery lightbox honor the local video/ self-hosted file on open?

Also, any way to mix images and video in one gallery element? Thanks!

Hey Romanesco,

Since I can not replicate that error locally, can you please share the URL where you’re seeing that message occur so that I can take a look? Are you uploading the self hosted video file in the video settings metabox within your project?

Hello! Is there a way to disable or override the setting “Tablet Column Width Inherits From” that’s at the bottom of the responsive options tab? I don’t want tablet portrait to inherit from either mobile or small desktop, I want to set it directly using the default WPBakery behavior of tablet portrait getting its default value from the width attribute.

I’m trying to create a layout that is 3-column on desktop & sm desktop/tablet landscape, 2-column on tablet portrait, and 1-column on mobile.

I have a screenshot of the inner column responsive settings I’m trying to use here, followed by the row that I’m working on: https://gradycreative.com/development/3d-two/index.php/working-page/

Thank you!

Hey sabgrady!

Unfortunately, that’s not a built-in option. You would need to create a CSS rule to set that independently of both other neighboring viewports. You can add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab to achieve the column number you’re after:

@media only screen and (max-width: 1000px) and (min-width: 691px) {
  #ajax-content-wrap .vc_col-md-4 {
    width: 33.3%;
  }
}

Kind regards

A CSS solution is great, thanks so much! It’s actually “width:50%” that I’m going for to get 2-columns on tablet portrait. I just added to my test page and it worked like a charm. Thanks again, and especially for responding so quickly, I truly appreciate it.

You’re welcome, sabgrady!

Hide you enjoy the weekend :)

How to make header transparent on blog posts? Isnt working at the moment this solution. I’ve tried everything an searched all the previous comments about this.

Hey again Justinasmi,

CSS is not needed to have a transparent header. The transparent header effect will automatically apply to single blog posts as long as you

1. Have the effect enabled in the Salient options panel > header navigation > transparent header effect tab:

2. Have supplied a featured image for your post: https://ibb.co/QYj9NqZ

If you already have that enabled, please share your site URL so that I can take a look.

Kind regards

Hei, yup, ive testedt it but idnt worked, probably because of my PHP 7.4 :(

Hey Justinasmi, Salient is fully compatible with PHP 7.4—If you would like to open a ticket in regards on the support forum, I would be glad to help out further with this item: https://themenectar.ticksy.com/

Thanks

Hey Justinasmi,

Since that is not an actual demo, there’s no included demo file to get the theme options. If you would like an export of them, please open a ticket on the support forum in regards.

Thanks in advance

hi how do i delete the subtext in the menu? like “the tale of the company”. Been looking like crazy :)

Hey yannickpeeters,

Are you referring to this field? https://youtu.be/6m7XloEHqWQ?t=158 If not, please share your actual URL on the support forum so that we can assist further.

Kind regards

Hello,

I want to ask if it is possible to import specific pages from a demo.

For example i have uploaded all the content from the X Demo, but i want the contact page from the Y demo.

Thank you.

I got the solution from the salient templates, nevermind ;)

Hey artwarebranding, I’m glad you found what you were looming for :)

Cheers

Hello and have a nice day In your wonderful theme there is an element called – Images with hot spots, where I can’t find few settings.

1) how can I reduce circle size of hotspot (with plus or number) and also size of plus and number or make them oval

2) is it possible to make hot spots on mobile look the same way as on desktop ? I don’t have enough experience to make it that way. If not the same – so close to desktop. Some of hotspots opens up way too low, so u can’t even close it. Especially if image with hotspots placed at the bottom of page. Then hotspot image travel with user or stay at the bottom. it would be great if hotspot would open in the middle of screen or top – mobile.

3) didn’t find line to change font type In hot spots.

Hey raffess,

1. You can add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:

.nectar_image_with_hotspots[data-size=medium] .nectar_hotspot {
    transform: scale(0.6);
} 

2. By default, hotspots will open in a modal on mobile. Have you already tried to alter that in your own setup? If so, please open a ticket on the support forum in regards so that we can take a closer look at your setup to assist.

3. Hotspots can contain heading tags or regular (body) text—both will inherit from your typography settings in there Salient options > Typography > general html elements tab

Thanx I was able to modify most of the things , which I needed

Hi Salient team, I just wanted to let you know that I have been using salient for quite a while, and this is simple a small feedback, I will have to soon change to elementor due to the ability to have dynamic fields, which is something that has become quite overwhelming and overcomplex with wpbakery, I hope that one day you guys could include the ACF feature of dynamic values.

Regards

Hey thekayzer1,

I appreciate the feedback/request—I’ve noted your +1 for the item on the wishlist :)

Kind regards

Weird issue after theme update; On page load the “Transparent Header Navigation Color” is correct, but after scrolling down and then up again the “Transparent Header Navigation Color” is set to dark and the dark logo and icons are shown. It’s on this page: https://foodstijl.nl/. Hope you can help, Kind regards.

Hey Foodstijl,

You can correct that by editing the first row you have in that page to be “Light” for the “Text Color”—the row which contains only a “Divider” page builder element.

Kind regards

How do I remove the date on the blog posts? I don’t want to just hide it as I don’t want Google to find it in the page source either. https://www.prepsos.com/blog/

Also, how do I turn on pagination for the blog? The main page is getting too long. Thanks!

Hey MikeMurphyINC,

Both the Blog and Post grid elements allow the option to display the excerpt—the Post grid is the newer of the two elements with many more configuration options though. Replicating your recent post style in the Post grid could be done with the following element options:

General settings
  • Pagination: Load more
  • Columns: 3
  • Lock Aspect Ratio to Image Size: On
  • Image Aspect Ratio: 3:2
Meta Data
  • Display Categories: On
  • Display Excerpt: On
Grid item coloring/style
  • Grid style: Content Under Featured Image
  • Text color: Dark

Kind regards

Hi there, I’ve tried that but it still doesn’t look very good. Scroll to the bottom of the page to see: https://www.prepsos.com/blog/

I couldn’t find a setting for “Image Aspect Ratio”

Also, it’s not displaying any excerpt even though display excerpt is on. The title is larger and category is above the title instead of below and the padding is larger under the photo. Also, there isn’t true pagination, just load more. Is there not a true pagination option?!

Hey again MikeMurphyINC,

1. What version of the Salient Core plugin are you using? It’s possible that if you’re on an older release, the option for “Image Aspect Ratio” wouldn’t be available.

Also, there are options for the font size, spacing between columns, and category position. If you would like assistance configuring those in the element, please open a ticket on the support forum in regards

2. The post grid only offers a load more button for the pagination—you’ll need to use the “Blog” element instead if you would like a numbered navigation.

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