38285 comments found.
What is the best option for a button/icon carousel similar to this – https://ibb.co/HD2KX4B
I am using the Flickity Carousel with call to actions but the spacing is odd – https://ibb.co/jyC6CN5 For spacing I’d like it the width of the CTA/Button and then a consistent padding rather than the padding stretching to make equal thirds.
Hey MarcGarner,
You can keep that sane setup, but you’ll need to change the width of the carousel cells to “auto”. Give the row a class name so that it can be targeted e.g. “icon-carousel” and then use the follow CSS:
.icon-carousel .nectar-flickity.nectar-carousel .cell {
width: auto!important;
}
Kind regards
That works great thank you. Is there a way to allow free scrolling rather than the set page alignment?
You’re welcome, MarcGarner.
Unfortunately the Carousel element doesn’t have a built-in option for that so it would require a modification to the theme JS as of now.
Hi !
Is there a way to add video to the product images in WooCommerce?
Thanks!
Hey amitjain2711!
Unfortunately there’s no built-in option to set a video as a an item within the product gallery currently. However, I’ve noted your +1 for the idea on the wishlist 
Cool will look forward for native support on this!
Hi there,
Is there a way to globally place the Secondary Header Bar under the header instead of it being on top?
Hey Romanesco,
Can you kindly share your site URL so that I can take a look at your current settings to provide a snippet based on them?
Thanks in advance
I’m currently developing it locally; sans can’t share a URL. What I’m looking to do is to have a site-wide notice that stays on throughout the website. I tried it with Global Sections, but the lack of transparency put me off, so I’m using the second header for that instead. But I need it on the bottom of the main header, not on top. Is there a snippet I can use for this? Thanks!
Hey Romanesco,
Try adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:
#header-outer {
display: flex;
flex-direction: column-reverse;
}
Kind regards
Almost perfect When I add the snippet, it screws up the header size on scroll (cuts the main header top and lower secondary header bottom). And also overlaps with the search drop-down… Any way to fix that? Otherwise, it works great!
Hey Romanesco,
You would need additional CSS to prevent the header transform all together if you’re using the Material theme skin:
#header-outer {
transform: none!important;
}
.material-search-open #header-secondary-outer {
opacity: 0!important;
}
Kind regards
Perfect. Thank you!
You’re welcome, Romanesco
Hello, I am trying to activate the Salient Child theme and keep getting this error-
Fatal error: Uncaught Error: Class ‘ReduxFramework_Extension_customizer’ not found in salient/nectar/redux-framework/ReduxCore/framework.php on line 2513
Could you help me with this? PHP is 7.4 (max host will allow) Thanks so much!
Hey otlconsulting!
PHP 7.4 is still supported—What version of the theme are you using? From that error, it seems as though you’re either using a fairly outdated release of Salient or that the theme folder is somehow incomplete and missing files. If you’d like us to take a closer look into the setup, please open a ticket on the support forum in regards.
Thanks in advance
Hi, I hope you’re well. —When I show Woocommerce products in the Salient Wordpress theme with “number of columns” set to one as shown on the page below, the pictures are shown blurry, because the 600px version of the images are being used instead of a larger or full size. If you could tell me how to fix this, that would be great.
Example: https://inthesameboat.org/testing/
Hey marcfest, hope you’ve been good as well!
You can go to the WordPress customizer > WooCommerce > Image sizes and set your “Product Images” and set the “Thumbnail Width” to your desired size. https://ibb.co/pf9D5bB
Kind regards
Thank you !!
You’re welcome, marcfest
Hi there,
Does Salient include a “typewriter animation effect” that is also customizable? If not, do you have a recommendation on how to implement it within Salient? Thanks!
Hey Romanesco!
The closest thing to that would be the “Rotating Words” element: https://themenectar.com/salient/rotating-words/
Unfortunately, I don’t have a specific plugin to recommend for the typewriter cursor effect.
Kind regards
Thanks!
You’re welcome, Romanesco
Can one copy certain elements from one template to another ? For instance, the portfolio look and style from “agency” onto the “corporate” ?
Hey xsyn, You can use the Salient Studio template library to add “sections” from various demos, which allow you to easily mix and match parts of demos with others: https://themenectar.com/docs/salient/salient-studio/
However, if you’re interested to get the sample projects from the “Agency” demo, you would need to import that demo using the “Salient Demo Importer” plugin—multiple demos can be imported to get the content from both.
Kind regards
Hello, in theme settings everythings looking well but in blog sidebar section something is going wrong. I want to see featured image on hover but its showing a simple way like without css… I added screenshot do you know why?
Screenshot: https://imgur.com/iSYjPd6Hey ivanbelarus,
When first adding the widget within the block-based widgets, the stylesheet might not load, however, it should still load on the front end and when refreshing the widget section in the admin as well. If you’re not seeing that, please open a ticket on the support forum in regards so that we can take a look at your setup.
Thanks in advance
Ah! Hi again i fixed problem with install classic widgets plugin. Thanks again.
Glad to hear, ivanbelarus
How can I increase the spacing between the title and the percentage number in the progress bar element? If the percentage is low, the percentage number stays to close to the title
Hey kayota,
You can alter 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-progress-bar p {
padding-bottom: 30px;
}
Kind regards
hi, i use a vertical stickyscrolling element like on your demo: “resort” Homepage. I would like the three Projects to go each to their individual project. As far as i see the link is allways the same for all three. Is there a way to change that?
https://wenzel-holzdesign.ch/ (3th row on the homepage)It would be enough, if i could put in a clickable Link in the text Content of each Tab.
Hey, the tabbed element currently can only have one CTA and there isn’t a way to swap that URL depending on the tab to make the element function as you’re attempting to. To accomplish a similar layout, I would suggest using a post grid configured to 1 column next to a sticky sidebar column like this example: https://themenectar.com/salient/architect/#portfolio
That example can also be found within the Salient Studio template library: https://ibb.co/W6P4Lc6
Kind regards
hi okay thanks for the information. That would be a cool addon though;)
I tryed to ad a Salient Studio Template, like on your screenshot. But when i click on it nothing happens, and i don’t see an other way it could be done.
Hey aldaron1,
Can you verify that you’re clicking on the text name of the template i.e. ””Sticky Test Vertical Post Grid”?
hello,
how to adjust the space between (canva) menu names for tablets and mobiles.
regards
Hey nedana,
In the Salient options panel > typography > navigation & page header tab, you should be able to use the “Off Canvas Navigation” line height field for that. If that’s not working in your setup, please share the page URL in regards.
Cheers
Hi again
I tried following your instructions but it doesn’t work.
I can’t configure the spacing between the title “ACCUEIL and “REALISATION”.
there is no CSS rule to adjust for desktop, tablets and mobiles..?
Here is my URL : https://webdigital.ch/new/
Best regards
Hey nedana,
Here’s a snippet that you could use to alter that for tablet/mobile only:
@media only screen and (max-width: 1000px) {
#slide-out-widget-area .menuwrapper li {
padding: 10px;
}
}
Kind regards
Thanks for your help.
One last question.. and regarding the setting for the desktop there is also a CSS rule maybe…?
Hey nedana,
If you want to modify the spacing for all viewports, you could just remove the media query which is currently limiting it to tablet/mobile:
#slide-out-widget-area .menuwrapper li {
padding: 10px;
}
However, if you want to change the spacing separately for desktop, you could leave the other rule in place and add another:
@media only screen and (min-width: 1001px) {
#slide-out-widget-area .menuwrapper li {
padding: 20px;
}
}
Kind regards
perfect,
thank you very much for your help
regards
You’re welcome, nedana
Hello again,
Sorry for asking if already answered.
How can I have grid element with unique color within same post-grid ? Can I target unique classes and play with CSS ?
Hey Rico1, each post grid item can be targeted from the post id, which is added an an attribute. For example:
.nectar-post-grid-item[data-post-id="10"] .bg-overlay {
}
Kind regards
Hey MarcGarner,
The blurred option is not available yet for the carousel, but it will be coming
If you set your touch indicator to “Solid Background”, you can achieve that effect for now with the following CSS: https://pastebin.com/ChEyrDTg
Cheers
Hi Autotype not working on my site, and with your initial demo neither
Hey marlonbranding, Are you referring to the native browser feature “Autofill” or “Autocomplete” where form data will populate from previous browser data?
No with the text autotype from gardening demo. https://www.linkpicture.com/q/Captura-de-pantalla-2023-02-10-a-les-8.20.04.png
Hey marlonbranding,
We don’t offer a “gardening” demo, can you please provide a link to either your website or the demo you’re referring to?
New Mobile menu functionality would be a massive feature release.
Custom formatting, essentially the builder in the mobile menu. Allowing columns and rows, buttons and images.
Please consider.
Hey MarcGarner, I’ve noted your +1 for that idea on the wishlist
Is it possible to have a completely separate menu for the mobile menu navigation?
Hey MarcGarner,
It would require a modification in the current release, but the next feature based release will be adding the option for this natively.
Kind regards
Hi I noticed an issue with the tab module in the Salient Theme. For some reason the third tab is showing the contents of the second tab. I have creatted the tabs as a global section and when you preview the global section, it works fine. However, if you see the page that has the global section embedded, that’s when you see the problem. It was working fine earlier and I only noticed this issue after updating the theme. You ca have a look at the page here https://backclick.in/laptop-pricelist/
Hey ArtyChristina,
That’s an issue that will occur when you attempt to nest a tabbed element inside of another tabbed element when the top level tabbed section is using the “Toggle Button” style. You can correct this on your end prior to the next release by changing the toggle button style to another of the other available styles. If you’d like an early fix for the toggle button style, kindly open a ticket on the support forum in regards.
Cheers
Hi, I’ve purchased the theme previously. Can I still update the theme to install your new demos and functions? If yes, can you let me know how to do it?
Hey chsa11! Yes, a single purchase always you to access all theme updates. You can update using one of the following methods: https://themenectar.com/docs/salient/updating-salient/
Kind regards
Hello there,
Desktop bar shows a double left scrolling bar on all pages/posts except, curiously, on the blog page. (see screenshot: https://u.pcloud.link/publink/show?code=XZtRCTVZCjCjc08Ce1zn1hcXxWH8auVomCMX)
I have latest theme version installed: 15.0.8, and have not found any cache nor security plugins conflict issues.
Please advise, it seems to be a bug, or do you think it could be something related to my site settings?
Regards,
Hey keidderf,
Because there’s no known issue involving that, I would need to see your actual URL in order to help you find the source of the scrollbar. Could you kindly provide the real URL?
Thanks in advance
Hello there, thanks for your help! Issue is solved! It was caused by some code I entered in the Head & Footer & Post injections wordpress plugin. I changed the code and everything returned to normal. Thanks & regards!
Hey keidderf, I’m glad to hear that you were able to figure it out
Cheers
Hi, I’m using the testimonial caracul and 2 testimonials appear on top of each other page: https://tinyurl.com/yc45b6rs
Hey djb19,
It looks you’re entering multiple paragraphs into the testimonial slider, which would cause that. Have you tried to remove the extra line breaks from within the testimonial?
If you need to display longer blocks of text with multiple paragraphs, I would recommend switching to one of the other testimonial slider styles.
Kind regards
