38353 comments found.
Hi, is there a chance to make a button to trigger the carrousel left or right?
I mean, not the dots or the arrows that are already available.. I mean to create a button that trigger the same function as the dots.
Hey derbouwer,
Creating a new button to trigger that event would require some custom JavaScript. Can you share your URL and a screenshot of what you’re trying to achieve so that I can point you in the right direction?
Cheers
there are 3 buttons inside the carousel as you can see.
- Dot 2 - Dot 3 - Dot 4
Dot 2 must trigger and go to the second dot of the carousel Dot 3 must trigger and go to the third dot of the carousel Dot 4 must trigger and go to the fourth dot of the carousel.
I mean.. Button Dot 2 triggers BULLET 2, and so on.. (carousel dot = bullet)
Hey derbouwer,
You can add the following snippet into the custom JS box located in the Salient options panel > General Settings > CSS/Script related tab:
https://pastebin.com/0RP6R6jBHey. It woked perfectly! thank you very much!
by the way, if I decide to make another identical fullscreen row just under the first one, with the same carousel and functions but with different content and button names, the code you provided must have some more lines I presume. As well the names that identifies the carousel and the buttons must be changed, I presume.
Ex: the first row with dot 1, 2 3, is working nice. Thank you
If I duplicate it and change the button names, how to identify the row/carrousel and button names in order to write it on the code?
where I can find the names for each new carousel/button created?
ok… by just duplicating it, it’s working as well. pretty nice. thank you.
Hi. Please look here: https://www.bravura.net/new/about/ – there is a 10% padding on the right side of the paragraph in all the columns, I tried all the css but can’t get rid of it??
Hey gustav939,
Edit the text block element and switch to the “Design options” tab. There appears to be 10% right padding added in that section.
Kind regards,
Good Day
Is there a chance of adding a search field inside a row instead of the menu?
Hey F5Creative, there isn’t a search page builder element at this time but I’ve noted your +1 for the idea on the wishlist.
Kind regards,
This theme is broken for me too and I’m not using WooCommerce. My PHP is upgraded to 8 as well. Could you please help!
Hey triurvi, can you please describe in greater detail what issue you’re running into as well as share your URL or ticket ID?
This theme is broken. Did a fresh install with WooCommerce and the Ajax on checkout spins forever and their theme PHP is outdated. I’ll have to use a different theme
Hey jstamb,
The WooCommerce checkout event is handled entirely by the core WooCommerce plugin rather than Salient. If you’re experiencing a JavaScript issue with that, It could be from one of your active plugins as Salient doesn’t add any additional events to that page template. However, since you haven’t shared your URL or opened a ticket with further information it’s impossible to say the root cause with certainty.
Regarding your concerns with PHP, Salient is compatible with PHP8 – which is what we use on the live demo. There should also be no WooCommerce templates showing as outdated when using a recent release of Salient: https://ibb.co/BfNfHmr You can test the WooCommerce checkout event functionality on the live demo as well, which uses the latest version of WooCommerce https://themenectar.com/salient/ecommerce-robust/shop/
If you’d like to open a ticket on the support forum with your site information we’d be glad to take a closer look to assist with these items.
The most incredible and flexible theme on the marketplace. Looking forward to version 15.
Thanks a lot, nforce! I’m glad that you’ve been enjoying Salient 
Hi there,
On mobile, on this page: https://www.staging20.kleidi.nl/professionele-website-of-webshop-laten-maken/ I have two buttons “bekijk onze websites” en “bekijk onze webshops” and I would like those to be the same width on mobile.
See screenshot: https://ibb.co/HtxgtK2
Would that be possible?
Thanks in advance.
Hey Tes,
You already have a CSS class active in your setup called “equal-width-buttons” which is being used on the top two buttons. You could simply add that class name to the column holding the “Bekijk onze websites” and “Bekijk onze webshops” buttons as well.
As always great templates and accessories!
When is the next 15 version ?
Thanks art90! The next big release is nearing completion. If you’d like to get on the beta list, please reach out via the contact form on my author page in regards.
Cheers
Will there be new versions of the “blog” page? Any new layouts?
Hey art90! The very next release will not be blog oriented, but there will be new blog related features this year
Hi there,
On this page: https://www.staging20.kleidi.nl/professionele-website-of-webshop-laten-maken/ (see on mobile) or see this screenshot: https://ibb.co/QJ28hnq
On mobile there is more white space between the points “Zapier” & “Tidio” because they are in two different columns. Would it be possible to have it on mobile without any padding/margin in between them so it looks like one list?
Thanks.
Hey Tes,
You can use the following CSS snippet for that modification:
.nectar-fancy-ul ul {
margin-bottom: 0;
}
Hi there,
I’ve saved an element as a template and then made a global section of it. When using the global sections the images/icons I have used are showing a lot bigger al of a sudden. Is this a bug? And can we fix that?
See here: https://ibb.co/p3m0vxD
and/or: https://www.staging20.kleidi.nl/
Thanks in advance.
Hey Tes,
It appears those images are not set using the page builder “single image” element. If you switch them to that you can specify a max width as desired to ensure they don’t expand to fit the column that they’re contained in.
Kind regards,
Yes, perfect. That did the trick, thanks!
You’re welcome Tes
Hello, I wanted to know if the display of a product in the archive page is modifiable? I would like to display the ACF fields in the product file.
Thank you in advance.
Hey MAJMonaco,
You can use one of the WooCommerce action hooks from your child theme functions.php to hook into the display of your products and output additional information:
add_action('woocommerce_after_shop_loop_item_title','salient_child_custom_product_meta');
function salient_child_custom_product_meta() {
// query and echo your custom meta here.
}
Kind regards,
Thanks
Hi there, I have a top menu: item 1, item 2, item 3 > sub item 1/sub item 2 (simple dropdown menu (mobile)), item 4
Desktop/laptop: I want to use 2 different hover/active colors. Item 1, 2 are the main color, set in salient > color scheme > custom. Item 3, 4 has to be blue. The sub items are having a blue bg and white txt., set in salient > color scheme > custom and this is working fine.
Mobile: In mobile simple dropdown menu the custom colors for the sub items are not applied. Item 1 and 2 have the main color but item 3 and 4 and sub item 1,2 need a blue hover/active color on the text (without a bg color).
Can you provide me with the right css to do this?
Hey Mikel2020,
add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab: https://pastebin.com/cc2dX132
If that doesn’t work for you, please share your actual page URL so that I can take a further look into the settings.
Kind regards,
Thx, this works for mobile dropdown
The only thing I still need is Desktop/laptop: top menu item 3 & 4. Hope you can help me out with this.
Hey Mikel2020,
Here’s some additional CSS for the desktop nav https://pastebin.com/d1xTgVyS
Kind regards
Thanks again The last thing I am looking for is the ‘fa fa-angle-down’ in the mobile dropdown menu. This one also has to be blue… normally I can find most of the CSS but this menu is not easy to target.
BTW. Website is on a demo server but client bought the theme and when finished the website will be moved to original domain. If you need the licence for support let me know, I can email to you.
Hey Mikel2020, you can alter the dropdown icons with the following:
body #header-outer #mobile-menu a > .sf-sub-indicator i {
color: #000!important;
}
Hi there, thx for the previous css. I had to change the nav menu a bit and now need to add some extra css. Hope fully you can help me out:
Desktop: About > submenu (About/My story) > this has to be a brown background instead of blue.
Mobile: only the triangle icon of equity of training has to be blue (hover/active). Triangle icon of About has to be brown (hover/active)
Hey Mikel2020,
You can also add in the following for those changes https://pastebin.com/WQakz0iV
Please open a ticket on the support forum in regards for future assistance with these customization related items.
Cheers
Hi and thank you very much. I opened a ticket for a small change. Its working now for 99%
Hello,
Is it possible to change the width on the woocommerce archive (category) pages?
Before I could add this in the stycle.css
.woocommerce.archive #sidebar.span_3, .woocommerce.single #sidebar.span_3 { width: 20% !important; }
.woocommerce.archive .post-area.span_9, .woocommerce.single .post-area.span_9 { width: 77.5% !important; }
But with the new layout and the filters that are hidden it doesn’t seem to work. How can I do this (without having to increase the width of all my pages. I’d like it to only affect the archive pages
Hey MAJMonaco, adding in the following snippet will allow your custom width to work when making use of the newer filter toggle option: https://pastebin.com/sm6PQtDV
Cheers
Hello,
I have just tried it but it has no effect. Here is the page in question: https://mdc.maj.mc/auction/vente-aux-encheres-numismatiques-8/
.woocommerce.archive #sidebar.span_3, .woocommerce.single #sidebar.span_3 { width: 20% !important; }
You’ll need to keep that in addition to adding the new rule I previosuly provided. The full CSS should look like:
.woocommerce.archive #sidebar.span_3[style*="opacity: 0"] { margin-right: -20% !important; }
.woocommerce.archive #sidebar.span_3, .woocommerce.single #sidebar.span_3 { width: 20% !important; }
.woocommerce.archive .post-area.span_9, .woocommerce.single .post-area.span_9 { width: 77.5% !important; }
Have you tried to clear your browser cache after adding that back in? I’m currently seeing the CSS taking effect from my side.
On this page? https://mdc.maj.mc/auction/vente-aux-encheres-numismatiques-8/
I just tried it on two browsers and in private browsing to make sure I don’t have a cache but I still have the columns on the right and left
Yes, the CSS is active but I must be misunderstanding what you are asking for – your initial comment sounded as though you were just trying to fix the margin on the product grid (span_9) when the filter sidebar is closed.
Can you provide a quick screenshot that highlights exactly what you’re trying to alter so that I can better understand?
Thanks in advance
As I explained in my first post, I try to make the archive/category pages full screen width like here: https://bijouterie-goldandstone.com/boutique/fete-des-meres/
However since the new shop layout with the “hideable” filter the CSS changes I was doing before don’t work anymore. And I don’t want to increase the width of the boxed layout on all pages of the site
Thanks for clarifying,
The CSS you posted in your initial comment through me off since that’s unrelated to displaying the product archives in full width. You can force a full width display only on the product archives with the following CSS:
.post-type-archive-product .container-wrap > .container,
.tax-product_cat .container-wrap > .container {
max-width: none;
padding: 0px 60px;
}
I would also recommend removing the previously listed three rules when using that as well i.e. https://pastebin.com/vjfWxdLR
Kind regards
It’s perfect, thank you very much
Good morning, using the “architect” demo, it seems to be an issue in the carousel with fancy box: each fancy box has a link to another page, but when you put the mouse pointer above the carousel, clicking on it you can only move the carousel, not to reach the link… we tried with all kinds of carousels and controls. It seems like the carousel navigation is a level above the link… there something to switch off somewhere?Thanks for your reply.
Hey franfar,
I can’t replicate that issue from my own on the architect demo
The first fancy box in that carousel has a link to the main Salient promo page and I can access that link normally in Chrome/Safari/FF https://www.dropbox.com/s/q655npnmu2a17lo/Screen%20Recording%202022-05-11%20at%209.01.03%20AM.mov?dl=0Can you please let me know which browser/device you’re using and if this is only occurring on your own setup or if you can also see it on the demo.
Thanks in advance
Good morning, thank you for your reply. We tested it using chrome, safari and mozilla firefox on Mac, same problem with all browsers, also in your demo. Watching your video, we realized that the link on the first fancy box is ok, the problem starts from second box using all kind of controls.
Morning franfar
In the live demo, the only item which actually had a link specified was the first item. I’ve just added links to the other fancy box instances as well and also can not observe the problem of them not being clickable. Can you verify that you still can not access those links on https://themenectar.com/salient/architect/ ?
ok, sorry, our fault… we added a link on each box but something was wrong saving the page, for this all links was lost appearing as an issue of the theme… Thank you for your reply and sorry again!
No worries franfar
Hi! This plugin support multisite wordpress?
Hey melitoche! Yes, Salient can use a multisite WP install
Kind regards,
Hi! I’ve a question: is it possible to create a model/template like this page (https://bit.ly/3PcoYdm) where there’s wine bottle flowing vertically downward from the top section to the bottom section? How to do (even just basic code with the dimensions, then I study it myself)? thank you very much Sir!
Hey thebugbear,
You could use the new option for “Sticky Content” when editing your column to create a column that holds an image and sticks while you scroll. An example studio template which uses that option would be “parallax team section”, located in the Salient studio: https://ibb.co/sH8mXrt
Kind regards,
hi, still waiting on the fix of the Woocommerce Cart Panel, when is it coming? Last update was in February… best, Caspar
Hey leggerotyp, I don’t see any previous comments or tickets from this username relating to a WooCommerce issue. Can you please provide the ticket ID as to what you’re referring to?
Kind regards,
no, I have seen some other threats about it. It’s when you using the “click extended functionality” panel: if you add +5 of an article to the cart, it only shows 1 in the cart panel…
Hey leggerotyp,
The only issue related to the quantity buttons that I’m aware of was corrected in v13.0.5 (4/14/2021) And was in relation to plugins which allowed a custom increment to be specified for the +/- e.g. if each plus or minus was for an amount greater than 1.
However, there’s no known issue with that or simply specifying a custom number for the quantity and adding that to the cart. Here’s a video from the demo
Can you please open a ticket on the support forum in regards with your own site and more information about recreating the problem?
Thanks in advance
thanks, will open a ticket in support..
how to add additional filter in minimal portfolio?
Hey bernaveinfo, The portfolio element can only sort by categories. The categories available for filter are assigned when editing the portfolio element within the page builder. If you’re trying to create a secondary filter of a different type, that would require custom development.
Kind regards
When using multi-site, the logo is not exposed.
Hey webplace_korea, since there’s no known issue similar to that can you kindly open a ticket on the support forum in regards
Thanks in advance
Hello, is it possible to list a 3rd button/icon at the top right hand side of the screen on our website https://www.lyfemd.ca/ next to the “Contact” and “Search” icons? We’d like to add a “Login” button/icon to the left of the “Contact” icon. Is this possible to be done? Thanks!
Hey pani0202,
You can add additional content to that area by using the “nectar_hook_pull_right_menu_items” hook from your child theme. Here’s an example snippet you could add to your child functions.php:
https://pastebin.com/ZY3wH5S0Cheers
Thanks for the reply. Almost there, but this doesn’t look quite right
Hey pani0202,
In order to keep the menu item persistent in the condensed navigation after scrolling you would need to make use of a different action hook, “nectar_before_header_button_list_items”.
Here’s a revised example utilizing that along with a font awesome icon: https://pastebin.com/rNzHB8jk
Works great on desktop: https://ibb.co/fNvs5Py
Doesn’t work well when a user starts scrolling down the page: https://ibb.co/qRHXxb6
Works great on tablet: https://ibb.co/1G27yQC (logo doesn’t seem to be quite centered in this case, but can’t complain)
Doesn’t work on mobile – new login icon seems to disappear on mobile: https://ibb.co/x5HtM0p
Hey pani0202,
You can hook the previous function to the mobile specific hook (nectar_hook_mobile_header_menu_items) to add items to your mobile navigation.
The full snippet would now be: https://pastebin.com/MEnNgf9V
In regards to your the spacing being incorrect after scrolling, CSS will probably be needed to adjust The sizing/padding of your items to accommodate the new icon. Please open a ticket on the support forum in regards
Thanks in advance
Thank you so much. Your support is always impeccable.
