Hey F5Creative,

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

Cheers

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

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

Hey turneradam93,

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

Kind regards,

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,

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

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,

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,

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

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.

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.

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,

Hey michellejohnson51974,

Salient already offers a few class names to apply the accent color which you can use as needed:

.nectar-color-accent-color - for color 
.nectar-bg-accent-color - for background color 
.nectar-bg-hover-accent-color - for background color applied on hover

If you wish to make your own custom variable, that could be achieved in a child theme.

Cheers

Thank you so much for your quick response, it is greatly appreciated. So I have the below css in the customiser. #f27733 is the theme accent colour. How can I apply nectar-color-accent-color to the border instead of the hex code?

.hero-section::before { content: ””; position: absolute; border: solid 150px #f27733; background-color: transparent; -moz-border-radius:50%; -webkit-border-radius: 50%; width: 600px; height: 600px; top: -20%; left: 50%; }

Hey michellejohnson51974,

There’s currently no class name for the border-color property. However, the upcoming release will be adding in CSS variables for all the theme options coloring. If you’d like early access, feel free to reach out via the contact form on my author page in regards.

Cheers

Hey Layoutmachen,

1. That appears to be z-index issue specific to that header style configuration. I’ll add a fix for it in the upcoming release, and for now you can correct it by add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:

#header-outer.material-search-open #top>.container>.row>.right-aligned-menu-items nav {
  pointer-events: none;
}

2. That’s occurring because you only hav e two post items and the height of the sidebar is taller than them together. Once a third item is added, the height would collapse to normal. If you only intend on keeping two, you can also add in the following CSS snippet:

@media only screen and (min-width: 1001px) {
.nectar-post-grid-wrap--fl-sidebar_left {
    align-items: center;
}
}

Cheers

Hey always thanks to your support

You’re welcome, Layoutmachen

Cheers

Hey Micatuca,

You can alter the column width for mobile by using the “Responsive Options” tab when editing your columns. See the documentation here: https://themenectar.com/docs/salient/page-builder-columns/#width

Kind regards,

Hey arnolyon!

You can disable the Salient template library by adding the snippet to your child theme described in the docs: https://themenectar.com/docs/salient/remove-salient-studio/

If you also need to remove the “templates” button, you can add the following snippet into your child theme as well:

Kind regards,

Hey jarektom, Salient is generally compatible with all major performance plugins. The only time you could potentially run into an issue is when you activate aggressive settings within the plugin which alter the loading of JavaScript.

Kind regard,

Hey alvartabe!

You can disable that section in the Salient options panel > header navigation > secondary header bar tab by selecting “Standard” for the “Secondary Header Bar”.

Kind regards,

Hey BlackWat3r,

I don’t have a specific plugin to recommend for that functionality. However, any plugin adding that kind of functionality should be able to work without issues when using either the “2 Column Images + Sticky Product Info” or “Default WooCommerce Gallery” style offered in the Salient options.

Kind regards,

Hey,

The issue is that you have an unclosed media query that is limiting all CSS below it to screen sizes less than 690px: https://ibb.co/9W8X5qD – If you shrink your screen to a mobile size, you’ll see all your custom CSS apply in the current state.

To fix it, you should close that media query after the ”.k4c-slider-heading .content” rule, or remove the media query altogether.

Kind regards,

Hi, I can’t believe we missed this error in the custom CSS, thank you for pointing it out! The issue is fixed now.

Glad that I could help, stevenboot