38292 comments found.
Okay it seemingly randomly started working on my test site but still not working on my production site. Things that might have affected it: using the backend editor vs the the front end. Different PHP versions 7.4 vs 8.0. I’ll post back here if I figure anything out.
Never mind, I’m an idiot. I was loading an mp4 in the “WebM File” section, which doesn’t cause an issue on desktop, but breaks it on iphone.
Hey veggie_89,
I’m glad you were able to figure it out 
Cheers
Hello,
I would like to add a new font in your theme.
Do you have a tutorial for that?
regards
Hey nedana,
I would recommend using the plugin Use Any Font. It will allow you to upload a font via an interface which will appear in the Salient options > typography tab. If you would prefer to add a custom font programmatically, please see the following resource: https://themenectar.ticksy.com/article/9773/
Kind regards
thank you
You’re welcome, nedana
Using an image and on top two btns next to each other with the following shortcode: [button color=”see-through-2” hover_text_color_override=”#ffffff” url=”/” text=”W” color_override=”#ffffff” hover_color_override=”#f69c2a”]
Tried all the options but I want them to be solid orange and some some hover effect. All the regular options aren’t solid. Any idea?
Hey Mikel2020,
The color should be set to your desired global color in order to display that button shortcode in a solid color. e.g.
[button color="accent-color" ...]
Instead of
[button color=”see-through-2” ...]
However, I would recommend using the current element set instead of the legacy button shortcode. I.e the “Button” or “Call to action” page builder elements. They both provide many more options to effects and styles:
https://themenectar.com/salient/buttons/ https://themenectar.com/salient/simple-cta/Kind regards
it was more easy when accent-color was working and not giving some random color without any text. Now using normal buttons as u said but on mobile they are not next to each other. Thats why I want to keep the shortcode. Also style is different. ‘So shortcode is an available option so why does it not work?
thats the problem here. accent color isnt working. Trying to solve with css.
leave it
Hey Mikel2020, Do you have the Salient Shortcodes plugin activated in your setup? If so, please open a ticket on the support forum in regards so that I can take a closer look at the page where you’re using it to help out.
Thanks in advance
Hi guys, I’m looking to use the Facebook Icon, the round one (the one for brands). I understand from a previous reply to a member that Salient doesn’t support this icon yet. Your reply as to import the icon.
I need your help with the location (folder) where I should import it and what css/php the theme would require.
Thanks
Hey asingh2404,
You can enable the version of FontAwesome which contains that icon in salient by adding the following snippet to your child theme functions.php file:
https://pastebin.com/243A7yPFKind regards
How can I change footer columns from 4 to 5? I can’t see any dynamic settings to increase footer columns.
Hey Rujuta792,
The available default footer column layouts are located in the Salient options panel > footer tab. If you wish to use a different arrangement than I would recommend using a global section as your footer so that you can utilize the page builder: https://themenectar.com/docs/salient/page-builder-global-sections/
Kind regards
Thanks for quick response. One more question, how can I add a global section above the current header? I would like to add secondary header as a global section because current secondary header doesn’t allow much of the customization. Thanks, Rujuta
Hey Rujuta,
There’s no option to add a global section to that location yet, but there will be in future updates
As of now, you would need to modify that section via your child theme, depending on what you want to do.
Kind regards
Hello, any deals coming up?
Hey Mohamad_Ziada,
There are no deals scheduled, as our Holiday discount just recently ended a week ago.
Kind regards
Hi- are older shortcodes expiring in newer versions? for example this older button shortcode no longer works when i upgrade to 15+
[button color=”see-through” hover_text_color_override=”#501a3e” size=”jumbo” text=”ABOUT ETHEL” url=”http://ethelcentral.org/about-ethel/” color_override=”#ffffff”]
Hey tretlo, you should still be able to use that and other legacy shortcodes as long as you have the Salient Shortcodes plugin enabled within your setup. If you already do, please share the page URL where the issue can be seen.
Kind regards
Hello Team, How to add/allow shortcode in Secondary Header Text field?
Hey princebhalani143,
For now you would need to add that shortcode via the “nectar_hook_secondary_header_after_nav_open” hook in your child theme. Here’s an example of that in use: https://pastebin.com/mG2f51tR
Kind regards
How can I increase the width of the Off Canvas menu (#slide-out-widget-area.slide-out-from-right-hover) on desktop from width: 340px to 700px please?
Is it possible to make 2 column widgets like a https://josephmark.studio/
Hey romankac,
1. You can add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:
body #slide-out-widget-area.slide-out-from-right-hover {
transform: translate3d(101%,0,0);
-webkit-transform: translate3d(101%,0,0);
max-width: 100vw;
width: 700px;
}
2.
#slide-out-widget-area.slide-out-from-right-hover .bottom-meta-wrap {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 5%;
}
Kind regards
Great. It’s working! However, is it possible to add some backround-color with opacity after the #side-out-menu when it’s opened?
Glad to hear, romankac
Here’s another rule you can use for that https://pastebin.com/gehjvug4
Cheers
Not working 
https://www.romankacerek.cz/novy/
Perfect. It works now. Thanks a lot!
You’re welcome!
Off Canvas menu opacity (#slide-out-widget-area.slide-out-from-right-hover) on desktop not working in Firefox.
Hey romankac,
Of all modern browsers, Firefox doesn’t support the :has selector yet, so it might require JavaScript instead of pure CSS to trigger that rule in that browser.
hello, how to use light weight speed theme ? for speed load wordpress because the initiate theme its very big and slow load response. thanks
Hey tohapiliang,
Please open a ticket on the support forum in regards with your actual site URL so that we can provide tailored advice based on your setup.
However, in general as long as you have enabled the theme performance options and have a plugin for minification, you can easily achieve high scores on page speed tests e.g.
https://gtmetrix.com/reports/themenectar.com/wBQCKsTO/ https://pagespeed.web.dev/report?url=https%3A%2F%2Fthemenectar.com%2Fsalient%2Fcorporate-creative&form_factor=desktopKind regards
Hi, presale question. Do you include a template with sticky media section while scrolling like in this page: http://preview.themeforest.net/item/salient-responsive-multipurpose-theme/full_screen_preview/4363266?_ga=2.38028454.482722907.1673100156-2135525253.1673100156
Hey astrocream,
Yes, that’s available within the Salient Studio Template library
Cheers
Hey, I noticed that my website on Ipad can bounce over the limit of the page and I can see the gradient of the mobile canva on the right, left, up and down. I mean if I scroll down over the page I can see this gradient and the page seem to move. You can check it out https://pleine-confiance.fr How can I fix that please ?
Hey JeremyZehren,
iOS allows for over-scrolling by default when at the edges of a scrollable area. However, it’s usually just the color of your body. If you’d like that to be the case, you’ll need to change your off-canvas menu style from the currently selected “slide out from side” to any of the other available options: https://ibb.co/CJKLyyb
Alternatively, you can 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-bg.slide-out-from-right {
visibility: hidden;
}
.material-ocm-open #slide-out-widget-area-bg.slide-out-from-right {
visibility: visible;
}
Kind regards
Thank you it works like a charm !
You’re welcome, JeremyZehren
I love this theme but the newest update still comes with Font Awesome 4.7 instead of the current version Font Awesome 6. Most notably missing is the TikTok icon which is needed for social links.
Hey jillianjamila,
I’m glad to hear you’ve been enjoying the theme
We’ve intentionally decided not to include later versions of FontAwesome—as the library has grown in size, we can not justify the negative effect including current versions would have on the overall front-end loading performance.
That being said, we’ll be adding in our own “brand” icon set in the next feature-based release to provide all the newer brand icons which are currently not available. It’s also worth noting that TikTok is already available in the Salient options for the header/footer social icon links.
Kind regards
How can I change the color of hyperlinks in posts to a different color? Using CSS Theme Settings…
body a { color: #1e73be; }
yes? =)
Hey Nicko_217,
Yes, you can use that rule for the modification
Kind regards
Hello
I liked this demo and just want to ask if it has already-built blog page and archive templates in the backend. https://themenectar.com/salient/saas/#introThanks.
Hey Mohamad_Ziada,
Yes, every demo can still display a blog + additional pages, even if they are not apart of the demo.
Kind regards
Hi there. On my homepage I have a section with four columns. It has an image and a “Call to Action”. The CTAs for the first two are great but the second two are not center-aligned like they should be. Please help. https://www.prepsos.com/
Nevermind, I was missing a toggle switch to center the content. Now I just need to figure out why the images for columns 3 and 4 are lower than 1 & 2.
Hey MikeMurphyINC!
Those last columns are not showing vertically aligned because the first two columns have 25px assigned for the bottom margin. If you remove that in both column settings, it should correct the issue.
Kind regards
Thank you, I had originally set up the tabs a long time ago and forgotten that I added individual tab styles. Thanks!
You’re welcome, MikeMurphyINC!
Video lightbox YT video not working on mobile (ios/android). Can click for a day but it wont help. (Using cloudflare enterprise/Cloudways (varnish))
I dont know but now on desktop also not working. Changed php to 8.1 btw. But the btn cant be clicked. It worked before. Stupid varnish is also making trouble.
Hey again Mikel2020,
Can you please share your URL so that I can take a look?
Kind regards
Found it… its Salient > performance > Delay Javascript Execution > when this is disabled videos are working again. I disabled it for now, its also a beta version.
Woocommerce > Archive Page Columns (Phone) is set to: 1. Still seeing 2 columns on mobile on product pages. What is an archive page? Something special ? Or is it a cache issue? Tried 3 different browsers 2 mobile phones
mmm, this is definitely a cache issue so this is solved for now. But is it possible to show 8 products on mobile and 16 on desktop. In salient I only have 1 option and this is 16?
Hey Mikel2020,
The WooCommerce archives refers to all grid archives pages that WooCommerce generates the content for. i.e. the main shop page, product categories etc. I’m glad that you got it figured out.
There’s no way to change the total of number of products shown in archive pages per device, but CSS could be used to hide some.
Please use the support forum in regards when posting multiple questions, as the comment area on ThemeForest is intended for quick inquiries
Thanks in advance
I Will use support forum next time. Sorry
Hi there, I am using cloudways + cloudflare ent. and Lazy Load Page Builder Element Images is enabled in Salient (new theme and website). When I visit the shop page images aren’t loading on mobile. I have to scroll a tiny bit and all images popup all in a split sec. BTW I also disabled Cloudflare and Lazy Load Page Builder Element but it seems its the way the theme behave on mobile? Can’t find much about this. Any idea? Cant be loading time because the all there in a milisec when scrolling.
Also disabled Lazy Load Shop Images… nothing
Also disabled Lazy Load Shop Images > it works now. This is solved. I have problems with varnish and every change i make will only work or be seen if I purge varnish. Will contact Cloudways about this. Anyway it is still strange you have to scroll on mobile before the first image will even load.
Hey Mikel2020,
I would assume that the option to delay JS loading on mobile might be causing that, but I can’t say for certain without seeing your actual URL. Please follow up on the support forum with your site info so that we can help out.
Thanks in a advance
ok thx. Ur right. Same as for the video written in another topic, Salient Delay Javascript Execution (beta) is causing this issue. I disabled it for now.
