Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Cart 168,470 sales
Recently Updated
Well Documented

ThemeNectar supports this item

Supported

38341 comments found.

Hey, is there a way to make a round button, solid color with a different color on hover? Does this have to be done through css? Thanks :-)

Hey streetjen,

Yes, you can use the “Call to action” page builder element set to “Basic” for the style—there’s color pickers for the hover/standard states.

Ensure that in the Salient options panel > general setting you also have selected “Rounded” for the Button Styling option

Kind regards

I updated to PHP 8.0 and now when I click “Add Element” in the visual composer I’m getting this message at the top of the window…

Warning: Undefined array key “description” in /wp-content/plugins/js_composer_salient/include/autoload/class-vc-settings-presets.php on line 395

Using wordpress 6.1.1, Salient 15.0.8, and Salient VC 6.9.1.

I’ve tried disabling all but Salient plugins, and turned off my child theme. Doesn’t break the theme, just kind of annoying.

Hey veggie_89, That’s a core issue with WPbakery that should only show when you’ve saved custom elements: https://ibb.co/2WybXvb and also have debug mode enabled with WP.

I’ve noted to correct it in the Salient version of WPBakery.

Kind regards

Hey thanks for the reply. I tried disabling debug mode explicitly in my wp-config file but the message still shows up. Looking forward to it being patched in a future update. :)

Hey veggie_89, if you’d like a quick patch feel free to reach out via the contact form on my author page in regards.

Cheers

Hi, is it possible to change the texture overlay color in the nectar slider?

Hey yannickpeeters,

You can invert the grid to be white instead of black by adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:

.swiper-slide .active_texture {
    filter: invert(1);
}

Kind regards

Hi , thank you but not a color?

The texture is just a greyscale .png image, so it can’t be easily recolored with CSS alone. You would need to replace it with your own version with the following rule: https://pastebin.com/L3gc7M8K

Hey guys, I was wondering if I could get a CSS assist? I would like to assign a dropshadow to a row element.

Next, I would like to position some text at the bottom of its column. Where you see “A Test”, I would like that to be the target. I created a sample for a reference if needed.

As always, thanks guys.

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

Hey arteest :)

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


#row-shadow .row_col_wrap_12 {
  box-shadow: 0 4px 25px rgb(0 0 0 / 30%)
}

#row-shadow .wpb_wrapper {
   height: 100%;
   display: flex;
   flex-direction: column;
}
#row-shadow .wpb_wrapper h3 {
   margin-top: auto;
} 

Cheers

Yeeeeeeahhhh! Thank you.

You’re welcome, arteest :)

CSS Issue: When you have an inner row placed inside a column that is a link itself set with in the column settings the z-index is preventing the .column-link element from being clickable.

.wpb_row>.span_12 {z-index: 10;} is overriding z index for .column-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 10; }

Hey FightTheNewDrug,

Thanks for pointing that out—I’ve noted to add a workaround for that in the next minor release to prevent having to specify a different z-index within the inner row settings.

Kind regards

Can you add a My Account or Login on the top header. If yes is there the functionality for it to read LogOut” when a person is logged in

Hey BlueDolphinBusinessDevelopmentLtd,

You can add the user account icon to your header and lead it your account page URL if desired by using the option labeled “Add User Account Button” in the Salient options > header navigation > layout & content related tab.

However, adding another conditional menu item based on when the user is logged in would require a custom snippet from your child theme or the use a plugin at this time.

Kind regards

We’re running the Checkoutwc plugin for improved checkout experience. However we’re getting a display problem with the country field. Could this be a compatibility problem with the salient theme?

Checkout – https://www.foodieflavours.com/checkout/ Screenshot – https://ibb.co/vXY2zXh

That’s interesting—from looking at the page source code, it appears that the checkout is running in isolation and not loading the any of the Salient assets on the front-end. Unfortunately because of that, any CSS I could provide to fix it that you would add into the custom CSS box in the Salient options also won’t load on that section. I would recommend reaching out to the plugin developer to see if this is something that they’ve seen before.

We’re able to apply CSS specifically to the isolated checkout section, if you do have a CSS fix?

I’ve contacted the plugin developer but will chase up with them.

Hey MarcGarner, You could use:

body .select2-container .select2-selection--single,
body .select2-container--default .select2-selection--single .select2-selection__rendered {
  height: 46px;
  line-height: 60px;
}
body .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 16px;
}
body .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

Kind regards

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

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