38438 comments found.
Is it possible to place blocks of text inside a lightbox? As with the accordion element.
If not, please request this for the future, it would be very interesting to be able to set up a popup page in the same style as a video lightbox.
Cheers!
Hey ofmarconi, there’s no option for that, but I’ve noted the idea 
Cheers
hi guys, on mobile the nectar slider header text is on top of the left and right arrows, they are basically overlapping. How can I squeeze the text inbetween the 2 slider arrows for mobile views? thanks
or actually, is it possible to just remove the arrows on mobile for the sliders? Please let me know how to do both and I’ll see what looks best. Thanks a lot
Hey titansdesign,
@media only screen and (max-width: 690px) {
body .swiper-wrapper .container {
max-width: 300px;
}
}
@media only screen and (max-width: 690px) {
.swiper-container .slider-prev > i, .swiper-container .slider-next > i {
display: none;
}
}
thanks guys. hiding the arrows didn’t really work for me somehow. any ideas? http://pdg.titansdesign.com
Hey titansdesign, could you re-enable the arrows in the slider so that I can take a look why the CSS is not taking effect in your setup?
sure, arrows are re-enabled now. Thanks
all sorted, thanks 
Used this code:
@media only screen and (min-width: 690px) { .nectar-slider-wrap[data-overall_style=directional] .swiper-container .slider-prev i, .nectar-slider-wrap[data-overall_style=directional] .swiper-container .slider-next i { transform: scaleX(0.7); } } @media only screen and (max-width: 1025px) { .nectar-slider-wrap[data-overall_style=directional] .swiper-container .slider-prev i, .nectar-slider-wrap[data-overall_style=directional] .swiper-container .slider-next i { display:none !important; } } @media only screen and (max-width: 999px) and (min-width: 690px) { .swiper-slide[data-x-pos=left] .content { left: 5% !important; } }
Glad to hear titansdesign
As a note, I’m seeing that there are “pre” tags in your custom CSS box, which will break any CSS below them. They were most likely pasted in by accident when copying a snippet from here: https://ibb.co/LrWP6XZ You should remove those.
Good afternoon,
I hope you’re well. Could you please take a look at the following page?
https://www.doggylottery.co.uk/product/this-weeks-draw/When I click on the dogs images below the placeholder image they’re not correlating with thumbnails. Do you know if this is a bug with the theme or something conflicting?
Thank you for your time and I look forward to hearing from you, Adam
I look forward to hearing from you.
Hey pickleipsum,
It looks as though from the page markup that no “product image” is being set, as it’s missing from the thumbnails. Please ensure that the main image is set at the product image: https://ibb.co/JtMHj4G
Thank you for the quick response. The only problem with setting the product image up in that was is the main image also then shows in the thumbnails, thus pushing one of the five dogs out of the way and not visible unless clicked through.
I went for the placeholder image option to avoid this happening. Sure with a placeholder image selected I should be able to click the thumbnails and the thumbnail clicked should appear, not an alternative image.
How do I get around this? Thank you.
Hey pickleipsum,
WooCommerce needs the main image to be set in order to correctly display the additional gallery images. If you temporarily swap themes, you’ll see the thumbnails are usually hidden all together unless a primary image is set.
If you set the primary image again, CSS could be used to simply alter the thumbnail column number and allow all to show. Add the following in the CSS box in the Salient options panel > general settings > css/script related tab:
.single-product .product-thumbs .flickity-slider .thumb {
width: 16.6%;
}
Cheers
Hi Salient Devs!
I have and issue with my button in the main nav that is anchor linked to a section on the same page. When I scroll out of the top section to the anchored section, my button text changes to the color of the hover state of the navigation text.
I would just like to keep the button text WHITE all of the time while keeping the hover nav text the same blue color…
Can you help? Here is a video (about 1/4 way through you will see the button problem).
https://imgur.com/a/4GhwoitThanks!!
Hey brianlichty,
Could you please share your actual page URL in regards so that I can take a look to assist?
Thanks in advance
Thanks brianlichty,
Add this into the custom css box in the Salient options panel to correct it:
html body #header-outer[data-lhe] #top nav .sf-menu > .current-menu-item.button_solid_color > a {
color: #fff!important;
}
Yeah, that’s great!
Glad I could help, brianlichty
Does salient support WooCommerce blocks? Especially the new cart and checkout blocks? https://woocommerce.wordpress.com/2020/05/27/woocommerce-blocks-2-6-0-release-notes/
Hey MarcGarner, Yes, there are no known issues at this time. Have you encountered a problem?
Hello,
I’ve noticed that the PayPal Checkout buttons that are visible on the single product pages on Firefox http://joxi.net/L21LygWuRpNyvm are not visible on Chrome http://joxi.net/zAN087eIvdLzzm Is there a fix for this?
I’m using the Salient 12.1.0, WooCommerce 4.2.2 and WooCommerce PayPal Checkout Gateway 2.0.2
Thanks in advance for any help you can offer.
Hey eldread,
Have you tried to clear your cache yet? If so, kindly share the actual page URL so that I can take look
Thanks in advance
Yes, i did clear my cache but still nothing. I notice that it does appear briefly for about half a second but then disappears. Here is one of the product pages http://zukasound.com/zuka/product/zuka-t4000/
Hey eldread,
Can you try to switch to one of the other options for “Single Product Gallery Type” in the Salient options panel > woocommerce tab? It’s possible that the plugin is incompatible with the javascript based sticky functionality for the product meta.
Hi guys, great them overall! I’m wondering why the cascading images on mobile don’t have the parallax effect. When I hit “request desktop version” on safari, it acutally works. Any idea on how to make this default on the mobile version? Thank you.
https://williamhildebrand.com/Hey wgh3,
Unfortunately that effect is intentionally disabled for mobile and can’t be activated without a JS mod. The function which would require modifying is “cascadingImageInit” inside of salient/js/init.js
Cheers
Feature Request: A big update for woocommerce would be great. A main feature we feel is missing is a hover enabled or toggled sidebar in the shop for filters.
Hey MarcGarner, Thanks for the request
Hi, We seem to have a glitch with our header on the search results page, https://www.foodieflavours.com/?s=caramel
The logo is moved right and overlaps the menu items.
https://ibb.co/frNsQ9NHey MarcGarner,
This issue will be corrected in the upcoming release. You can sort it now by using the following snippet:
body.search.material header .span_9 {
margin-right: 0;
}
Hi Nectar!, on the mobile version I want to move the logo to the center, menu to left and the rest (search, account and cart) to the right, like right now. Actually is logo left and search, account,cart, menu to the right. I don’t want to change the Style of the Off Canvas Nav because I already made some changes to the CSS, neither the Material or Default design. Thanks a lot!
Hey MarcosK!
add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
@media only screen and (max-width: 1000px) {
#header-outer #top .col.span_3 {
z-index: 100000;
width: auto!important;
left: 50%!important;
transform: translateX(-50%);
}
#header-outer .row .col.span_9 {
width: 100%!important;
}
#top .span_9 >.slide-out-widget-area-toggle {
position: absolute;
left: 0;
}
}
Thanks Nectar! It works fantastic. You should enabled it like an option on the menu, because almost every Mobile design have the menu on the left and logo center. Another question.. i want to add a Carousel inside the Tab, but I add a tab It disables the Carousel selecion. How i can do it? I try Gallery but it shows me only 1 image at once on mobile. You can see it on mobile design http://themenectar.com/docs/salient/galleries/ i want like 4, like the carousel.
Hey MarcosK,
There’s no option to use a carousel inside a tabbed element as of now. However, CSS could be used to alter the mobile column number of the image gallery > flickity style. Could you share the page URL so that I can take a look at your settings?
Thanks
Hi Nectar! Thanks for helping. The web is blocked because the client ask to block it till its finished. But lets say i will use Tab + Gallery Flickity style what CSS i need to add? Thanks!
Hey MarcosK,
Add the following CSS in to alter that:
@media only screen and (max-width: 1000px) {
body .nectar-flickity:not(.masonry) .flickity-slider .cell {
width: 25%!important;
}
}
Wow! It’s working! Let me say that your theme is the best, and with this support soon or later you will conquer Envato. Last question! Now it add 4 Images, but I want to add also text (Like with the Carousel adding the block Icon and Text), i try adding ALT to the images but it dosen’t show. There’s a solution for this?
Hey MarcosK, thanks for your kind words
There’s no option for that now, but it will be coming in the next release. If you like an early copy, please reach out via the contact form on my author page https://themeforest.net/user/themenectar
Cheers
hi guys, i’m currently setting up the members area and use one of the theme templates for this. When I click on a member the lightbox appears with a huge X on the mouse cursor for closing the lightbox again. On tablet and mobile this X looks different with a nice neat small X above the text. How can I have that same layout for the desktop layout? Thanks in advance!
Hey titansdesign!
Add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
body .nectar-close-indicator {
display: none;
}
.nectar_team_member_overlay .team_member_details .bio-inner .mobile-close:before {
position: absolute;
display: block;
height: 2px;
width: 16px;
left: 6px;
top: 13px;
content: ' ';
}
.nectar_team_member_overlay .team_member_details .bio-inner .mobile-close {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
display: block;
height: 32px;
width: 32px;
border-radius: 50px;
transform-origin: center;
margin-bottom: 10px;
cursor: pointer;
border: 2px solid;
}
.nectar_team_member_overlay .team_member_details .bio-inner .mobile-close:after {
position: absolute;
display: block;
height: 16px;
width: 2px;
left: 13px;
top: 6px;
content: ' ';
}
ok great that worked but I still have that X on the mouse cursor. How can I remove that?
Also, I’m using the Post Grid on my front page and want to change the title font size. How can I do that pls? Link is: http://pdg.titansdesign.com/
Hey titansdesign,
1. It looks like part of the previously provided snippet is not active in your setup. Can you ensure the following is also in your custom css box?
body .nectar-close-indicator {
display: none;
}
2. The post grid heading will inherit from the heading tag specified in the page builder element settings. That heading tag (h3) in your case can then be set up in the Salient options panel > typography > general html tab
thank you!
Yes, I understand it’s connected to the h3 settings but is there a way to just change the font size for the post grid without changing it for the whole site?
Hey titansdesign, to alter it separately you could use the following:
body .nectar-post-grid .nectar-post-grid-item .content .post-heading {
font-size: 16px;
}
that somehow didnt do the trick for me. any idea why? url is http://pdg.titansdesign.com/ and the grid is further down the page. thanks
Hey titansdesign,
It’s most likely realted to the “pre” tags which I highlighted in my last screenshot. Please go through your custom CSS box and remove any pre tags that you can find.
Cheers
makes sense! thx for the help!!! u guys friggin rock!
Glad I could help, titansdesign
Hello there, I love Salient and its flexibility. I’m building an ecommerce site now and i’m having the following issue: Your theme (Salient Child Theme) contains outdated copies of some WooCommerce template files.
I’m using a child theme in order to have additional customization.
Hey agnelnieves
If you’re overriding WooCommerce templates in your child theme, you’ll need to update any that are outdated to match the new versions which WooCommerce is including. You can find those core templates at wp-content/plugins/woocommerce/templates
Hi,
how can I make global button links text color dark, on hover and normal state?
Navigation buttons, cat, and all the other buttons. Here is example http://u5x.d64.myftpupload .com. (I put a space between the domain and com to break the link)
Thanks
Sorry, can you just show for the main navi button, the rest I figured out. thanks
Hey toolbox101,
You can use the following:
body #header-outer #top nav >ul >li.button_solid_color >a {
color: #000!important;
}
thanks
Switch to Elementor soon please, I am eliminating WPBakery from all of my websites, it is rapidly dying and becoming too much trouble for poorly performance.
Hey ProvidenceAve,
Thanks for the request
Hi Phil. Regarding the new portfolio grid cards, is there a way to change the font weight and color of the meta-category and post-heading fields? Looks like the current class affects both fields. Thank you for your help!
Hey joe88
You can use the following snippet to alter the coloring:
.nectar-post-grid .nectar-post-grid-item .content .meta-category a,
.nectar-post-grid .nectar-post-grid-item .content .post-heading span {
color: #f00!important;
}
The post heading font weight will inherit from the heading you specify in the “Post Title Heading Tag” field: https://ibb.co/hV3f0hC The meta category will inherit the typography settings from the Salient options > typography > general html elements > form labels
If that doesn’t work for you, please share the relevant page URL.
Cheers
Awesome! Thanks Phil for your help. Really enjoying the new card design and configuration options. Best regards.
Glad to hear, joe88
Hi, in WPBakery Page Builder I dont’find the element testimonial slider…
I don’t understand
Best Regards
Hey davideerba,
in the WPbakery page builder settings > Role Manager, can you verify that you have the “Elements” set to “All”?
hi, yes it’s on “All” but the element there isn’t: https://prnt.sc/t9mral
Hey davideerba, please reach out via the contact form on my author page with a temporary admin account so that I can take a closer look at the setup to assist https://themeforest.net/user/themenectar
Thanks in advance
i have lost my seconday menu when I flip my phone to landscape mode, and same for my iPad. I use the ‘Add Items…’ under Secondary Header Mobile Functionality. Version 12.1.0. Any ideas? https://visitlokka.com
Hey vrolfsen,
The option “Add items into mobile navigation menu” will only trigger on screens smaller than 690px wide. Above that width, the secondary menu should continue to display above the header navigation, which is what I’m seeing occur when testing on a landscape iPhone: https://ibb.co/DbKzsvk Are you not seeing the items display above your regular header navigation bar?
Ah – I see now! Any way of getting the secondary menu to act like <690px all the way up to full screen. The “in between” menu, is not the best for our site, that has an unusual language/topical split.
Hey vrolfsen,
add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
@media only screen and (max-width: 1000px) {
body #slide-out-widget-area .inner .off-canvas-menu-container.mobile-only .menu.secondary-header-items {
display: block;
}
body[data-header-format].material #header-secondary-outer {
display: none;
height: 0;
}
}
Cheers
Thanks a million!
You’re welcome vrolfsen
Is it possible to use infinite scrolling on the shop / category pages similar to the blog setting? So no pagination …cant seem to find it so thought id ask ..
Hey xyper,
As of now there’s no option for that, but I’ve noted the idea on the wishlist
Hi ThemeNectar
I’m having an unusual problem, it seems that somehow the theme is making my columns equal height (even if it is disabled on the row settings), so, when I open the website on a mobile versión, it leaves a huge amount of space between sections (columns in desktop), as if they are equaling the larger one. I have even done again and again the row with the columns, and they keep presenting the same issue 
any ideas of what’s going on?
Hey PriR, are you using a full width content row with some empty columns? That’s the only scenario where the equal height occurs automatically. If so, you can stop it by adding a divider element into the empty column and specify the height in that element which you want it to display on mobile.
If that’s not the case in your setup, kindly share the page URL so that I can take a look.
Cheers
Hi guys! I’m still having problems with this… Could you please take a look ( https://condosaturno.com/prueba/ ) ... It still makes a huge space between columns when resizing to tablet and mobile resolutions
Hey PriR!
Please enable the option for “Equal Height Columns” – when that option is not enabled, the older method which uses javascript is used to calculate the column heights. The equal height columns toggle will allow the newer CSS method which shouldn’t cause the issue you’re seeing.
If the issue is still occurring after turning that on, please reach out in regards via the contact form on my author page: https://themeforest.net/user/themenectar
Is it possible to render this shortcode in quick view? In the brief description of the product?
https://imgur.com/5kjy5i0Cheers
Hey! Thank you!
At quick view, other access shortcodes work, but this one from “Video Light Box” does not.
Even so thank you very much!
Hey ofmarconi,
That’s most likely because it’s a WPBakery element, and skips getting parsed since it’s loading outside the main content loop
Any tips on how I can achieve this with WPBakery? For my store it is very important.
Hey ofmarconi,
You can change the WooCommerce function to allow WPBakery elements with this:
if (!function_exists('woocommerce_template_single_excerpt')) {
function woocommerce_template_single_excerpt( $post ) {
global $post;
if ($post->post_excerpt) {
WPBMap::addAllMappedShortcodes();
echo '<div itemprop="description">' . do_shortcode(wpautop(wptexturize($post->post_excerpt))) . '</div>';
}
}
}
The key is to call
WPBMap::addAllMappedShortcodes();
However, the video lightbox element still won’t function normally inside of the quick view as the JS event won’t be initialized when called through AJAX
Damn it, so it’s not possible to make it work at all?
It would be so useful to put video in Quickview.
It wouldn’t be possible to use any page builder elements which rely on Javascript for an event without some custom development.
If I renewed the support, could you do this for me? Or which path should I take?
Hey ofmarconi,
I’m afraid this modification is out of the scope of support – i’ve noted the add an event in for the AJAX quickview after it opens in the next release to allow other custom javascript events to be hooked on easier. If you’re looking to get the modification done now by someone, you could also take a look into https://studio.envato.com/explore/wordpress
