38361 comments found.
How can i add a background to the nectar slide heading text?
Hey TruBrotha, You can enable the caption background option when editing any slide: https://ibb.co/HKktXjj
Kind regards,
I know how to add the caption background on the caption text but now i want same background on the headline text as well.
Hey TruBrotha,
Add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:
.swiper-slide .content h2 {
display: inline;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
box-shadow: 10px 0 0 rgb(0 0 0 / 50%), -10px 0 0 rgb(0 0 0 / 50%);
}
Hi!
On my website the Nectar Slider doesn’t show text, only a big image. The moment I change the size of the browser screen the text will show. I currently use Safari on a 13” MacBook, but the problem also occur in Chrome. Can u guys tell me what the problem is?
Thanks!
Hey guidovanenckevort!
Can you kindly share your URL so that I can take a look to assist?
Thanks in advance
Hi
hereby the url: marblesteel.com
You guys thanks in advance!
Hey guidovanenckevort!
It looks as though you’re a couple versions behind the current release of the Salient Nectar Slider plugin. Can you try updating via the plugins section in the WP admin.
Kind regards
Hi! Been trying to use PHP 8 but WPBakery Page Builder does not work. Is that expected? Thanks!
Hey mardoqueo,
We use PHP 8.0 on the live demo, and a current release of the theme/plugins should work with it. However, Salient is not compatible with php 8.1 as of yet. If you’re using 8.0.x, please open a ticket on the support forum in regards with the errors you’re receiving so that we may look into it further.
Kind regards,
Hello guys! Is it possible to have a list of font combinations for each template? I would like to import/set (to test them out) only the fonts of a specific template. Alternatively, it could be possible to have screenshots of the font settings of each template (especially for Architect, Resort, Wellness, Nonprofit, Business 3, Freelance Portfolio)? Thanks in advance! Cheers!
Hey DieMan_, The font combinations used on those demos are as follows:
Architect: Urbanist / Public Sans
Resort: Cormorant / Inter
Wellness: Heebo / Cormorant Garamond
Nonprofit: Roboto
Freelance Portfolio: Roboto
Business 3: Algeria Sans / Roboto
Cheers
Thanks, but I mean all the specific settings for each fonts… something like this screenshot that you posted a while ago: https://imgur.com/a/jyLMq
Hey DieMan_, We can post the screenshots for a single demo or two on here, but if you need many sets kindly open a ticket on the support forum in regards.
Thanks in advance
Thanks, ok, well, can you post the screenshot for “Architect” and “Resort”? Thanks in advance
(it would be cool, in future updates, to have the possibility to import only the font settings of each demo in the demo importer)
Hey DieMan_, Here are the settings from those two demos:
Architect: https://ibb.co/BPdm0fJ https://ibb.co/6Fc5Jb0 https://ibb.co/8bSFYYV Resort: https://ibb.co/PcSSTJt https://ibb.co/3p7hxrM https://ibb.co/fHxBr3MNote that many elements inside those pages on those particular demos are using custom font sizing (in vw units) specified within the split line heading element.
We have a valid license for Salient but we’re running version 13.0.5 & it’s not displaying that any updates are available, even though the current version is v14.0.5. What do we have to do to enable updates from within our WordPress admin dashboard?
Hey lhwebsite, You can find the available update methods listed in the documentation here: https://themenectar.com/docs/salient/updating-salient/#methods
Kind regards,
Hello, There is some unusual behaviour going on here: https://viscum.co.uk/ (not visible on live site though because I have resorted to using one menu to fix this for now)
I am trying to get a menu to show up only in the mobile menu (off canvas) but when I select the different menu locations: Top Navigation Menu (main menu)/ Top Navigation Menu Pull Right (mobile menu)
Both menus appear in both locations: https://drive.google.com/file/d/1v5RmB0IptCZiG_cBGnwzh7UAyH9Vsb53/view?usp=sharing https://drive.google.com/file/d/1v647AEwlDbePsbrw4QTezogZSE6UeZsd/view?usp=sharingEven though they are not ticked in that location. I have had to turn it off, because obviously it is unable for users to not be able to see the menu. But I hope the screenshots show you the problem.
Many thanks,
Liam
Hey Liam,
If you’re using the material theme skin and are trying to prevent the header navigation items from displaying in the off canvas menu, add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:
#slide-out-widget-area .off-canvas-menu-container.mobile-only {
display: none;
}
However, I have not seen an instance of the OCM menu displaying on top of the main header navigation bar as shown in your attachment. Please open a ticket on the support forum in regards so that we can take a closer look at your setup to assist.
Thanks in advance
Hi Salient team. There is a bug to fix with new last update?
Because I experiment a bug. My svg files don’t work anymore with padding or margin in text editor.
Make a tour on https://studioab.fr/ and check the footer for example. Also, in the “Ils m’ont fait confiance” section, images don’t appear anymore.
I don’t know why and I don’t make any plugin update.
Thanks a lot for your reply. Have a good day. Best
Hey alexis182,
You can correct that by add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:
https://pastebin.com/tPQziBcXKind regards,
Awesome ⭐️⭐️⭐️⭐️⭐️ Thanks for your quick reply. It works.
Best regards. Alex
You’re welcome, Alex 
Hi, I’m working with a Japanese client and using our theme. My site uses WPML to manage the multi languages. I have a problem with using different fonts for diferrent languages. In the theme’s setting panel there is only one option for setting up the font of every element (Typography/General HTML elements). But my website has 2 languages, English and Japanese, and I want to use a different font for Japanese site not the same as English site. Please give me a suggestion for this situation. Thanks.
Hey duchoang2,
That would require a modification through a child theme. You can check the current language code and then enqueue a new font By following the method described here: https://wpml.org/forums/topic/how-to-set-different-fonts-for-different-language/
Kind regards,
Thanks. I’m using this solution. Just seeking out a better solution without overriding the theme’s font options.
Is it possible to have the images on the Vertical Sticky Scrolling Tabs on the left instead of on the right? And if so, how would we achieve that?
Hey urbanstorm, 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:
@media only screen and (min-width: 1000px) {
.nectar-scrolling-tabs {
flex-direction: row-reverse;
}
.nectar-scrolling-tabs .scrolling-tab-content {
padding: 0 5% 0 0;
}
}
Kind regards,
Amazing.. that worked perfectly, thank-you!
You’re welcome, urbanstorm 
Hi there, is this theme compatible with bookings plugins, such as WooCommerce Bookings please? Thanks!
Hey ashenn,
I haven’t personally tested with that plugin, but would be glad to assist if you run into any issues 
Kind regards,
Thank you very much!
You’re welcome, ashenn 
Actually, I sorted this out! Found a video from you. The only thing I can sort out is how to make the drop down column wider. Is there a way to do this? You can see the drop down here: http://www.urbanconcretedesign.com/
I’d like it to be wider if possible.
Thanks!
Hey A_K!
Yes, you can find the documentation for the menu options here: https://themenectar.com/docs/salient/salient-menu-options/
There’s also a recently added video tutorial on the bottom of that page as well 
In regards to altering the width of your dropdowns, you can add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:
body .sf-menu >li ul {
width: 25em;
}
Kind regards,
Perfect, thanks so much!
You’re welcome A_K 
Hello,
Is it possible to make the secondary header stay on the screen when scrolling? https://britishschool.mc/
Thank you in advance.
Hey MAJMonaco,
You can get that functionality by switching from the “Material” theme skin to the “Original” in the Salient options panel > general settings tab.
Kind regards,
hank you, it works but it changes the style of the form :/ Is there any other way to do it?
I would like to know if it is possible for the link to open in a new tab?
Hey MAJMonaco,
1. If you’d prefer to keep the Material skin active, you can add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:
#header-outer.small-nav {
transform: none!important;
}
2. If you’re referring to making a header navigation link, you can enable the checkbox for that functionality in the screen options tab on the top right: https://ibb.co/pJdvb39
Cheers
thanks perfect
You’re welcome, MAJMonaco 
Hi. Great theme. However, after doing a demo import all was fine and dandy, but the checkout page and view cart page is missing. I didn’t actually check this until pretty much everything was done. These both go to a 404 error for me.
I then regenerated the pages through woocommerce, but these are generic pages and do not fit the theme at all, so it is a bit of a mess. Doesn’t fit the theme.
Any solutions here?
Just thought I’d add: The pages for checkout and view cart look fine on mobile, but they’re oddly looking on desktop.
Please check here: https://www.pickdu.com
Also another thing I am kinda struggling with is blurry imagery. I used the exact dimensions as the content that was imported from the demo, but the images are really blurry.
Also used EWWW, smush, etc, to see if any differences, but nothing.
Have an idea what to do with that?
Thanks
Hey KenKaiRawr,
1. The checkout/cart pages are not custom templates that need to be imported. The demo uses the core WooCommerce cart/checkout pages, and there shouldn’t Be display issues on desktop as you have on your setup. Please disable your performance plugin which is minifying the CSS so that we can see what’s causing the issue.
2. Check your settings for the WooCommerce thumbnail width in the WordPress customizer > WooCommerce > product image settings and try increasing the size.
Kind regards,
Hi there,
For the check out pages i’m not sure. But looking at the live site for salient, the checkout page and view cart page are different to what I’m seeing on my end.
I’ve disabled minifying for CSS for you to see.
For the images – Thanks for that. However I’m referring to almost all the photos on the site. On the main page specifically. Every photo I add is blurry. I’ve tried to upload them with the same dimensions as the ones that were imported from the demo but they’re still blurred.
Thanks
Hey KenKaiRawr,
1. I’m now not seeing any issues when looking at the cart and checkout pages except for that it seems you’ve set “20%” padding on the cart page column in the page builder settings. That amount of padding is squishing the content inwards and not allowing it enough Space to render correctly. Please edit the cart page and remove that padding to fix the issue.
Can you specify what issues you’re seeing on your checkout vs. the demo?
2. Currently I’m only seeing that you’ve only uploaded one image that is different from the imported content on your landing, and can not see that it’s displaying blurry https://ibb.co/SVTffFJ is that the image you’re referring to?
Hey,
For 1), that is extremely odd! They’re showing up fine now.. I wonder if it’s because I disabled minify CSS? That’s why I added the padding before, because everything was really odd looking. They look fine now.
For 2), sorry I’ve been adding photos and testing constantly here, seeing how to get them looking crisp.
That photo that you linked isn’t actually on the site anymore.
Please check again, I’ve purged caches. They look fine on mobile, but the images just aren’t crisp on desktop.
I took the ones from the demo and put them in photoshop using the exact same dimensions, but when uploaded, they’re blurred still. This is also after using regenerate thumbnails.
Thank you
Hey KenKaiRawr, I’m still not noticing blurred images on your current landing page: https://ibb.co/r0zFLbF However in one instance it appears your provided drone image is not big enough in its base resolution to fill the space of The parallax column here: https://ibb.co/WH9tGcy a larger resolution would need to be provided in that instance to avoid quality loss.
Hello
im trying to know how the ( Easy Wide Broken Image Grid ) Template work the img change everytime so how this happines ? is there tips to do that ? please tell how becouse i like the way it works and it will be useful for my work ..
Thanks
Hey Devoart,
All studio templates use placeholder images from Unsplash. Those placeholder images will change on a daily or weekly basis. The template you’re referring to just uses regular image elements, so when you specify your own image it will stop changing.
Kind regards,
Thanks for replay .. may i know if i can change other website instead of unsplash.com like behance.net or dribbble.com or any other website ? and how can i change it … Thanks again
Also how can i control view timing like weekly or daily? Thanks
i want change the link : https://unsplash.com/s/photos/design-studio
Never mind i did it by change the to classic mode and found Url Thanks
i try to center the portfolio title on the portfolio archive page. Could you help?
Hey riolec,
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:
.tax-project-type .row .col.section-title {
text-align: center;
}
Kind regards,
Dear Theme Nectar Team, have you planed to release an other woocommerce demo in the next time? Thank you very much. Greetings.
Hey vladknivesschweiz, the next update will not be eCommerce focused, but of course there will be more in the future 
Kind regards,
solved
Hi, can you please add an option in Salient settings to allow mobile zooming via the meta viewport tag rather than having to manually change the header.php? Would be better not to have to mess with header.php in terms of future updates. We did an accessibility audit on our site and the auditor said this is better for accessibility to change this meta tag to allow zooming and scaling. They also said the main content area of the page should be contained in a <main> or a tag for accessibility reasons as well. Thanks
Sorry that last sentence should say “in a < main > tag or < div role = “main” > tag”, I think themeforest comment form munched it there
Hey spaciousmind,
1. There’s already a theme option to allow this called “Meta Viewport Functionality” in the Salient options > General settings > functionality.
If you’re not seeing that, ensure that you’re using a recent release of the theme.
2. I’ve noted that item on the todo list.
Kind regards,
Thank you for the quick reply, I must have missed the setting for the viewport, I had searched the comments here for a solution and in the past you had suggested editing header.php, but glad to see it has the option in the theme settings. Our auditor had some things to say about the mobile menu (off-canvas menu) in Salient as well as far as accessibility, can I send these comments to you and if so, where is the best place to do so?
Hey spaciousmind, please post them on the support forum in regards: https://themenectar.ticksy.com/
The support for our license has expired and I am not able to post in your system, but these are issues that affect Salient as a whole and that you should probably take a look at. Is there another way to contact you?
Hey spaciousmind, you can also reach out via the contact form on my author page in regards.
Thank you, I have done so. Any update on when Salient might add < main > tag or < div role = “main” > to main content area of the page? It is talked about here: https://www.w3schools.com/accessibility/accessibility_landmarks.php. Thank you for your replies.
Hey spaciousmind,
I’ve noted to included that in the upcoming release 
Hi there, for a blog post I can set the width to default (1000px) in salient options. But how can I set the blog width of post content to the same width of the page content?
Hey Mikel2020,
Can you share your URL so that I can take a look at your post layout to assist?
Thanks in advance,
Thanks Mikel2020,
Yes, when the sidebar is removed from the single post layout there is a maximum width of 1000px enforced on the post content for better readability. It can be altered via CSS – did you need any assistance with a snippet or have you already taken care of that?
Kind regards,
Now using: /* blog page width */ .post-area { max-width:1425px!important; }
Hi.
I’m trying to add some more custom shape dividers. I’ve figured out that I have to edit helpers.php and nectar-addons.php from /plugins/salient-core/includes/ to add them.
In what path should save this in the child theme?
Thanks!
Hey jaclerigo!
You can copy the function “nectar_svg_shape_divider” directly from that file into your child theme functions.php file
Kind regards
Oh! Did not think of that. Thank you!
You’re welcome, jaclerigo 