Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Cart 168,847 sales
Recently Updated
Well Documented

ThemeNectar supports this item

Supported

38360 comments found.

Hello How can I translate “Next Post”, “Previous Post” “No comment” for the Blog section. Thank you for your help.

Hey ASG31, those strings are contained in the “salient” text domain and can be translated using your desired translation plugin. If you only need to translate a few strings, I would recommend using Say What https://themenectar.com/docs/salient/translations/

Kind regards,

Hi guys,

I am looking to make my secondary header transparent like my primary header. I found an answer you gave to someone else with the following code:

body #header-secondary-outer { background-color: transparent!important; } html body.material #header-outer[data-header-resize=”0”]:not([data-format=”left-header”]):not(.scrolled-down) { top: 0!important; }

The only downside is that it doesn’t respond to dark/light configurations – something I am looking to have.

Thanks a lot, this is an amazing theme!

Hey deonteramos :)

You can add the following CSS to your existing snippet to get that functionality:

.transparent #header-secondary-outer nav > ul > li > a, 
.transparent #header-secondary-outer .nectar-center-text {
   color: #fff!important;
}

.dark-slide #header-secondary-outer nav > ul > li > a, 
.dark-slide #header-secondary-outer .nectar-center-text {
   color: #000!important;
}

Cheers!

Thanks a lot! One thing – the social media icons stay in light mode when the dark header is enabled

Hey deonteramos,

To include those, you can alter the previously provided snippet to the following:

.transparent #header-secondary-outer nav > ul > li > a, 
.transparent #header-secondary-outer .nectar-center-text,
.transparent #header-secondary-outer #social li a i {
   color: #fff!important;
}

.dark-slide #header-secondary-outer nav > ul > li > a, 
.dark-slide #header-secondary-outer .nectar-center-text,
.dark-slide #header-secondary-outer #social li a i {
   color: #000!important;
}

Cheers

Hi question.
How do I change color of the text on one slide? I use Nectar slider.
Here is my site: https://atlanthealthnyc.com/
On Slide #3 I want to change color to “white”

In the original setting I have this code for all slides, because when choosing “dark” for “slide font color” on slides I wanted, they were black.

body .swiper-slide .content h2, body .swiper-slide .content p {
color: #694d6f !important;
}

Thank you.

Hey atlantchiropractic,

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

.home .swiper-wrapper .swiper-slide:nth-child(4) .content * {
    color: #fff !important;
}

Kind regards,

That worked.
Thank you very much!!!
Perhaps something to add into a future theme update for Nectar slider options instead of black and white.

Glad I could help, atlantchiropractic :)

I have a blog about National University Notice Portal. Right now i’m using a free theme. Can i use this Salient theme on my https://nubd24.com/ website?

Hey fmgmynul,

You can switch to Salient, but if you’re utilizing any of your existing theme features to generate your content, that will need to be converted to Salient elements.

Kind regards,

Hello, how do you remove the header cart icon completely? Thank you

Hey gabriel1990, You can disable that in the Salient options panel > WooCommerce tab by toggling the option titled “Enable WooCommerce Cart In Nav”.

Kind regards,

Hi, is it possible to modify the nav portfolio in individual projects?

Hey davideerba,

Could you kindly let me know what you’re trying to alter about it specifically? e.g. the styling, the functionality of which projects are linked etc. If you’re trying to modify the styling, please also share your URL so that I can take a look at your current settings to better assist.

Thanks in advance

Is there a way to have a message that appears everywhere in my online store (even on product pages) where I can update in one place and it updates across all pages? Is there some type of global component or anything? I’m trying to create a message that clearly says “no refunds” etc….but of course I don’t want that all on my blog pages and other parts of the website: https://jamescarveronline.com/shop/

Hey JayCarver,

You can create a global section and assign it to one of the theme areas in the Salient options panel. To then alter it to not display on any page that isn’t related to the shop, you could use add the following snippet into your child theme functions.php file: https://pastebin.com/cB7au0W0

Kind regards,

Thanks it works—but is that going to make it so all global sections I create going forward will now only be visible on shop pages?

Hey JayCarver, it will only alter the display of global sections which are assigned via the theme options panel to theme areas. Any global sections added through the page builder will still display normally.

Kind regards,

thanks for making Wordpress easy to use! only you guys!

That’s our goal, alvartabe! Thanks for dropping by to share some love :)

Good Day

is there a way to reduce the space on the Vertical Sticking Scrolling Tabs

https://ibb.co/ngF6nT1

Hey F5Creative,

You can use the “Navigation Item Spacing” field when editing the “Tabs” to edit that element https://ibb.co/LYJFCkp

Cheers

Hi there,

I’m having a slight issue with the search functionality on this website – http://roryflynn-prototypes.co.uk/alpha

If I search for the product ‘Custom Sampling Systems’ it brings up 17 results including pages such as the ‘About’ page and ‘Accessories’ that have no reference to that product.

Conversely, if I search for ‘Fixed Sampling Systems’ it only brings up 10 results that all contain reference to the text – Fixed Sampling Systems

Any ideas what the could be causing the issue please?

Hey Rory1984,

Salient doesn’t override the default WordPress search query functionality – we only provide styling/layouts for the results. I would guess that the words “custom”, “sampling” or “systems” appear somewhere on your pages that show up in the results. If you’re looking to alter the search results to only show content which contains the full phrase instead of partial matches, you would need to use a third party plugin or a custom snippet within your child theme.

Kind regards

Hi Phil,

hope you’re doing great! Got one small question regarding the newish post grid element. Is it possible to display it in fullwidth but have a margin/space on the left that matches the extended header padding (header is not fullwidth) and would work on all screen sizes? So the post grid runs to the right side off the screen but has a space on the left with the filters also being aligned to it? Basically having the post grid only fullwidth to the right side and on the left matching it to a boxed div. I had it but it only worked on a big screen and got messed up on all the other sizes…

Thanks a lot in advance

No worries TheChuckOne,

Sorry I misread your initial request – if you need the layout to match the alignment of the site container on the left, but expand to the screen on the right, you would need to use some custom CSS. Alter the layout back to the “in container” and remove your custom left padding. You could then give the post grid a class name such as “overflow-right-grid” and then add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab: https://pastebin.com/McpYgSPu

Thanks a lot, Phil! This worked perfectly and exactly what I meant! You’re the best <3

Glad I could help, TheChuckOne :)

Cheers

Hi, I use Salient for a number of websites. I’ve been asked about construction equipment rental website and would like to know if you have a demo or features that would supporting renting equipment? Thanks

Hey turneradam93,

Unfortunately we don’t have a demo scheduled relating to construction at this time.

Kind regards,

Hey, I installed this salient theme, and tried to import the ‘architect’ demo, but I can not find it in my installed theme, although it is in online demo. how can I import it ?

Hey mainellomontage,

Please ensure that you’re using the latest Salient Demo Importer plugin (v1.4). Earlier versions won’t have access to the “Resort” or “Architect” demos.

If you’re on an earlier version of that plugin and don’t see an update available, you likely need to update Salient: https://themenectar.com/docs/salient/updating-salient/

Kind regards,

Video background works (with Youtube Video URL) on PC but not on mobile. Could you help?

Hey riolec,

Mobile devices do not allow YouTube video embeds to autoplay. If you wish to use a video background that autoplays on mobile, you’ll need to use the self-hosted (mp4/webm) option: https://themenectar.com/docs/salient/page-builder-row/#video-background

Kind regards,

Thank you.

I have one question. I use transparant header and i want to change menu navigation color to white and hover color blue. Could you help how?

Hey riolec,

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

#header-outer.transparent #top nav>.sf-menu>li>a:hover {
  color: #3555ff!important;
}
#header-outer[data-lhe=animated_underline].transparent #top nav>.sf-menu>li>a .menu-title-text:after {
  border-color: #3555ff!important;
}

If that doesn’t fully work for your setup, please share the actual URL so that I can take a look at your settings to provide an updated snippet.

Cheers

Looks like the “Classic Mode” in the Backend Editor is gone … :-( Where or how can i activate it?

Best regards Alex

Hey Alex,

I would recommend first checking for a plugin conflict by temporarily deactivating any third-party plugins active to see if one is causing the issue. If not, please reach out via the contact form on my author page in regards.

Thanks in advance,

Is there a way to add video to a woocomerce single product gallery? Thanks in advance!

Hernan B

Hey Hernan :)

Unfortunately, there’s no built-in functionality for that as of now. It would currently require the use of a third-party plugin.

Kind regards,

It seems WooCommerce loads the ‘photoswipe’ be default. This is several JS files and .css styles. I believe there are 4 files being loaded for photoswipe.

It seems that salient uses its own photo gallery. Would it be possible to disable the default photoshop or does Salient still depend on these files?

Update: I have tested in dev environment and it seems photoswipe can be disabled without losing too much functionality.

However, this leaves the images clickable and referring to a singe image page.

I would like to disable the AHREF link that is added to the images on a single product page, is that possible?

Hey dzineee,

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

.woocommerce-product-gallery a {
    pointer-events: none;
}

Please use the support forum when posting multiple questions in the future, as this area is only meant for quick questions/pre-sale inquires.

Thanks in advance

Hello,

i am trying to figure out why the fonts load on different timings. According to GTmetrix please see screenshot: https://snipboard.io/1du7X8.jpg

The first 2 are google fonts that are loading simultaneous with star.woff Fontawesome is quite delayed and comes after. I noticed a option in Salient to delay fontawesome, but that would still not explain why it does not load at the same time as star.woff.

Do you have an idea what is going on here?

Hey dzineee,

The option labeled “Remove Global Font Awesome” will push it to the end of document, which would cause it to load later. The order of asset loading will also be affected by any performance plugins. i.e. if you’re delaying asset loading via WP Rocket for example. Using such options to delay stylesheets can also cause large cumulative layout shifts, as you mentioned in your previous comment.

Hello,

it seems that on the WooCommerce Single Product page the image dimensions are missing for the images in the gallery. Checking on mobile. This seems to cause a CLS issue.

Is there a reason that the image dimensions are missing here and is there a way to improve this?

Would you be able to confirm whether this issue has been resolved? As of now we are still overwriting the flexslider, but I am not sure that is necesary:

// Salient’s native slider on product page if (function_exists(‘WC’)) { wp_deregister_script(‘flexslider’); wp_enqueue_script(‘flexslider’, plugins_url() . ’/woocommerce/assets/js/flexslider/jquery.flexslider.min.js’, array(), ‘1.0’, true); }

Hey dzineee,

I do not believe that snippet is necessary anymore when using the latest version of the Salient WPBakery plugin.

Great, thank you. I will remove the code.

I wanted to add a custom field to my WooCommerce archive pages inside the H1. Where is the location of this H1 in the template files?

I am looking in /helpers/page-header.php or /helpers/woocommerce.php but none of the H1’s in there are the right ones.

Hey SeanAUS120,

You’re looking for the “salient_woo_shop_title” function, which is located in the salient/nectar/helpers/woocommerce.php file. It can be copied to your child theme functions.php for overriding.

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