Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Cart 167,630 sales
Recently Updated
Well Documented

ThemeNectar supports this item

Supported

38279 comments found.

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

I want to configure my product page like on this page “https://themenectar.com/salient/ecommerce-ultimate/product/camden-shorts/”, but when selecting the “Left Thumbnails + Sticky Product Info” gallery type on mobile version, changing the gallery image doesn’t work, only the thumbnail is displayed.

Hey VictorCobian,

Can you please share your product page URL where I can take a look at that?

Thanks in advance

Hey VictorCobian,

It looks like the product slider is never initializing in your setup. Have you tried to disable all third party plugins in your setup to narrow down any specific plugin tied to the issue? If you haven’t located any conflicts between other active plugins, please open a ticket on the support forum in regards

Thanks in advance

I have a site built on WPBakery Page builder, How do I use the same design and use Salient WPBakery Page builder? It is blasting the site.

Hey shajeefareedi,

You can read about enabling hidden Core WPBakery elements which overlap with the Salient element set in the documentation here: https://themenectar.com/docs/salient/enable-native-wpbakery-elements/

If you would like assistance with this, feel free to open a ticket on the support forum in regards

Hi, after the last update, the front page of my web page is not loading properly. When loaded, the fonts appear incorrectly. But after you scroll through a few pages and come back, it starts to look fine. I have the same problem every ‘first’ time I open the front page. If you have any ideas can you please share? www.faceinlens.com

Thank you.

Hey okalicode,

It looks like you’re using hard caching from lite speed. I would recommend temporarily disabling that as well as any other performance/caching service you have active in order to rule that out as the culprit. If you’re still seeing any issues with those disabled, please open a ticket on the support forum in regards.

Thanks in advance

Thank you for your help. It works. I appreciate it.

You’re welcome, okalicode :)

Hello! For some reason an icon on my homepage stopped showing up. It is supposed to be next to the text “UP TO 30+ YEAR SHELF LIFE*” on https://www.PrepSOS.com . You can see the icons showing for the other two columns.

Here are the settings for it:

Icon Type Font Icon

Icon icon-food

Thanks!

Hey MikeMurphyINC!

It looks like that specific icon was renamed in later versions of FontAwesome. We’ll be adding the fix for that into the upcoming release, but you can correct it now 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:

https://pastebin.com/4Q23iX8x

Cheers

It worked. Thank you. I still love this theme!

Glad I could help, MikeMurphyINC :)

hi how do i disable the touch indicator on the touch indicator & total visualized style? thanks.

Hey dimage,

You can use the following CSS rule for that:

body .nectar-drag-indicator {
  display: none;
}

Kind regards

Hello! I use “Text With icon” Do I want to reduce the distance between lines and icons and the interlining in the text? And how to make the icon stand in the center of the entire text block and not in the center of the first line?

img – https://ibb.co/q1y3c8v

Thx! How do I set my size to the icons in this block?

How to increase the distance between icons when I make them bigger?)

Hey art_andry,

That is a legacy block and has limited control over the icon display. I would suggest using the newer “Icon List” element set to display in the “Horizontal” direction for greater control. However, if you stick with the “Text with icon” element, you would need to adjust that padding-left property on the rule I provided above to adjust the spacing between the icon and text. Are you trying to have different instances of varying sizes or will all be uniform in your setup?

Kind regards

Hi,

I have a small favor to ask. I like The layout and the style of the full with banner blog post header. However, i dont like that the header is full height .

Can i get a css that shortens the banner to 450pix height and also adjusts the font size? For all screen size please!

Thanks

Hey toolbox101,

You can use the following snippet to make that change:

.single #page-header-wrap.fullscreen-header,
.single #page-header-wrap.fullscreen-header #page-header-bg {
    max-height: 450px;
}
.single #ajax-content-wrap #page-header-bg.fullscreen-header h1 {
    font-size: 40px;
    line-height: 1.3;
}

Kind regards

Thanks,

I am also trying to add an overlay to the banner so the font in white pops out a bit more.

I add this css but it does not do anything.

.single-post #page-header-bg.fullscreen-header.bg-overlay:after { background: rgba(255,0,0,0.6)!important; }

What do you suggest i do?

thanks

Hey toolbox101,

That rule looks valid. Can you please share your site URL so that I can take a look at why it’s not applying for you?

Kind regards

Hey guys

How do we remove the author box at the bottom of blog posts? See here for example – https://www.directpeak.co.uk/how-can-i-save-personal-tax-in-2023

Ta

Also, is there a way to copy/paste rows from one page to another?

And finally – can we add a search function to the header menu?

thanks!

Hey BlueDolphinBusinessDevelopmentLtd,

1. You can disable that in the Salient options panel > blog > functionality tab via the option labeled “Author’s Bio”.

2. You can save your row as a template https://ibb.co/8B8Xq1p or manually copy the shortcodes from in the classic editor mode to paste between pages.

3. The search option offered in Salient can be enabled in the Salient options > header navigation >

Kindly open tickets on the support forum in regards in the future when posting multiple questions.

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