38189 comments found.
hey guys, what are the settings being used to create the first large image grid on your http://themenectar.com/docs/salient/galleries/ page?
Hey npboy99,
That’s an image gallery set to the “image grid style”, which is masking use of the masonry sizing as explained on the documentation page you’ve linked. The element settings are
Fullwidth
Masonry Style: On
Item spacing: 5px
Constrain Max Columns to 4: On
Gallery Style: Meta on hover w/ zoom + entire thumb link
In the theme options panel > portfolio tab, the “Masonry Grid Sizing” is also set to “Photography based”. If you are using the other option, and will be switching to photography – remember to run the regenerate thumbnails plugin after doing so.
Cheers
perfect thanks a lot
You’re welcome, npboy99 
I’m working on my client’s website SEO. I just noticed that the fancybox doesn’t provide the image “Alt Tags” and “Title”. How to enable these stuff?
Hey djmalibiran, the fancy box element does not use HTML img elements but rather sets the image as a background property through CSS. There is no option to use alt tags with CSS backgrounds, as the purpose of the image is only design related.
Hi ThemeNectar, yes I see that. When you click on that image, the slider with lightbox will show up. That shows the elements.
Hey djmalibiran, please share the actual URL to the page in reference, so I can take a look.
Thanks in advance
Hi ThemeNectar, I am afraid I am not be able to share you the url of my client’s website. It might get penalized by Google and you know, I haven’t asked for permission yet.
Alternatively, here’s the screenshot of DevTools. I hope you find this useful.
https://imgur.com/lBi1oY2
Hey again djmalibiran, I thought you were referring to the page builder element named “fancy box”
http://themenectar.com/demo/salient-promo/fancy-box/ but it instead appears you’re referring to a fancyBox3 based lightbox. The images that are dynamically created for the fancybox gallery upon clicking do not exist in the DOM prior and are this not seen by search engines. However, the images that are present in the DOM before interaction should have alt text (i.e. the image you are clicking on to trigger the gallery)Thanks in advance
Thanks for letting me know these!
You’re welcome djmalibiran
Don’t know if it’s allowed with wishes, but I would love a module where I can filter pages based on tags (or other). I know this is probably a fairly hefty job, but thought I would share even though. Added an example with the filtration on the left hand side https://imgur.com/a/SUNZzrR Best, Lasse
Or, of course, if there’s a plugin you would recommend I would love a tip on that too
Hey Lasse,
Thanks for the request!
Unfortunately I do not have any specific plugin to recommend for that functionality, though I’ve noted the idea on the wishlist
Display problem with new version Nectar Salient V11.0.4: This did not happen with the previous version Salient v10.0.1 I use the second menu to put a catchphrase. It works well for widths greater than 690 pixels. However, below this width, I get a large white square. The parameters and CSS are the same. This text is the result of a Google translation I don’t know how to solve the problem. Thanks in advance Jean-MArie
Hey Jean-MArie,
Please share the site URL in regards so I can take a look at the setup to assist.
Thanks in advance
Thank’s. The URL is: https://www.thera-hypnose.com. I’ve some screenshots about the problem that I can send you if you want.InActually, I’ve let the settings : “Display Items Above Mobile Header” to have theviex pb on with less than 691px on mobile.
Thanks plumdhom,
This is related to the use of the footer reveal option and will be sorted in the upcoming release. To correct it now, 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 {
display: flex;
flex-direction: column;
min-height: 100vh;
}
body #ajax-content-wrap {
display: flex;
flex-direction: column;
flex-grow: 1;
}
}
OK, than’ks. It’s OK now . Best regards. Jean-Marie
Glad to hear, Jean-Marie
Hello Big problem to format the text in Flip Box: - in Front, because no possibility of being in Html mode and placing tags, in particular of line feed - in Back, because it adds line breaks by itself by placing this: As a result, the height of the Flip Boxes varies without my being able to control them. A solution (I have to add lines with dots to have separations where I want.) Thank you Jean-Marie
Hey Jean-Marie,
Because of the way WordPress stores shortcodes, only one HTML enabled editor is possible per element. Unfortunately there’s no easy way to have HTML support on the front and back. Could you share the page URL where you’re using the flip boxes so that I can take a look?
Thanks in advance
Hey, Thank you for your reply. The url is: https://www.thera-hypnose.com/seances-tarifs/ What is amazing is that it is enough to edit the flip box, without modifying anything in the text, so that line breaks are added, automatically. Suddenly, this lengthens the flip box in height, mismatching it with the other spouses. On the other hand, when we want to add a line break, it is pure chance: sometimes it works, other times not. Best regards JM Cocheteau
Hey, Merci pour votre réponse. L’url est: https://www.thera-hypnose.com/seances-tarifs/ CE qui est étonnant, c’est qu’il suffit d’éditer le flip box, sans rien modifier dans le texte , pour que des sauts de ligne soient rajoutés, automatiquement. Du coup, cela allonge la flip box en hauteur, la dépareillant avec les autres conjointes. PAr contre, quand on veut rajouter un saut de ligne, c’est du pure hasard: des fois cela marche, d’autres fois non. Cordialement JM Cocheteau
Thanks for sharing the page URL – I was hoping to be able to provide a CSS based solution for your layout styling, but with you’re going for that wouldn’t be practical.
Is this what you’re referring to with the height mismatch? https://ibb.co/tqqWhRd If so, it looks like the left purple flip box is only taller than then siblings due to having slightly more content on the back side
Hey Jean-MArie, try to add this into the custom css box located in the Salient options panel > general settings > css/script related tab and see if it gets you closer to what you’re trying to achieve:
@media only screen and (min-width: 1000px) {
.nectar-flip-box .flip-box-back .inner,
.nectar-flip-box .flip-box-front .inner {
padding: 10%;
}
}
.nectar-flip-box .flip-box-back p:not([style]) {
padding-bottom: 0;
line-height: 0;
}
Hey Jean-MArie, Here’s one more additional snippet you can add to specifically target the 3rd flip box and adjust that space:
creative-services .inner_row .span_12 > div:last-child .flip-box-front .inner > *:last-child {
padding-top: 27px; }
Cheers
Hi, Yes, wonderful. Thank’s. But it’s still weird to make a CSS rule just for that, right? In any case, a big thank you. Always remains this top and bottom padding of this flipbox which refuses to behave like the other two !!! Hard, hard CSS
JM
Glad I could help Jean-MArie,
The small top/bottom spacing difference on the third fancy box compared to the first two is due to a slightly different amount of text on the backside. Check this screenshot of your three boxes are flipped to the back to see what I’m referring to: https://ibb.co/WWn68wr
Hi, If I may, I have another question. How to translate the term ‘Typing’ that appears when doing a search. I would like to replace the English term with a French term. I did not find in the files and nothing with the extensions to translate.
Hey Jean-MArie,
1. I’m still seeing three lines of text in the first fancy boxes compared to two lines of text in the right most fancy box. If you’d like to open a ticket on our support forum in regards with temporary admin credentials, I’d be glad to edit the page in an example. Just let me know the ticket ID here once you’ve done so
2. That string is located in the default “salient” text domain. Here are the docs on translating in regards: http://themenectar.com/docs/salient/translations/ If you’re instead interested in where that text is located in the files, check salient/includes/header-search.php
Thanks in advance
Hey Jean-MArie,
That text is located in salient/search.php
Cheers
Hello guys, when should we get an update to “fix keywaord phrase not showing” related to WPBakery and Yoast seo plugin, pls
Hey danzara, the next release if slated for a week from now – however, we’ve been actively passing the pre-release copy to anyone who would like it. If you’d like a copy, please reach out via the contact form on my author page https://themeforest.net/user/themenectar
Thanks
hi! I would like to add a text just above the quantity selector that says HOW MANY PEOPLE? https://thecelebritytakeover.com/product/example/
Could you tell me what code to add? Thanks a lot.
Hey dimage,
You can use the following action in a child theme functions.php for that:
function salient_child_woo_single_mod() {
echo 'HOW MANY PEOPLE?';
}
add_action('woocommerce_before_add_to_cart_form', 'salient_child_woo_single_mod');
thanks but can it go just on top before the number 1? right now is not, you can check https://thecelebritytakeover.com/product/example/ thanks again
Hey dimage,
The product URL you’ve provided is not accessible for me (404), is it public?
you have to be loged in use user: kazack and pass: Kazack1234
another thing https://thecelebritytakeover.com/my-account/ how can I hide for NO loged users the green banner and the woocommerce products in the my account page? any idea? thanks!
done with a plugin, thanks
Hey dimage,
Since another plugin is adding additional functionality above the quantity, you’ll need to change the action from what I provided above. Instead of ‘woocommerce_before_add_to_cart_form’ you can try ‘woocommerce_before_add_to_cart_button’ here’s a reference: https://businessbloomer.com/woocommerce-visual-hook-guide-single-product-page/
thanks
You’re welcome, dimage
Hi, can anyone tell me how I edit an icon. In the text block on the demo this line is already there “[icon size=”large” image=”steadysets-icon-diamond” color=”Extra-Color-3”]”, so it seems to me that if I don’t want a diamond, I need to replace part of this line – except I can’t find where the list of available icons is. And therfore don’t know what to type in?? Help!
Hey catharinenoble, since the release of that demo years ago, there has been an icon page builder element you can use as an alternative to the shortcode. Simply delete the shortcode, and make use of the following element: https://ibb.co/QYGkM84
Cheers
Hi guys having a little problem…is there anyway to make a Portfolio Tittle Sticky? to join it with the menu when scrolling?
Hey iforapps,
Unfortunately there is not option built in for that, however i’ve noted the idea on the wishlist.
Cheers
ohhh that would be great… By the way how can i center vertically the portfolio tittle with the backgound image (inside the portfolio…it seems always a bit to the top…
Hey iforapps, Do you have the “Background Alignment” set to “center” in the project header settings? If so, please share the actual URL
in regards so I can take a look
hello, is it possible to use the post masonry layout with a RSS feed? ie. to show the RSS feed posts in the same style as you would do using masonry for posts, or masonry shortcode?
Hey lucasober,
That would require some custom modding or the use of a plugin as of now.
ok, thanks for adding it to the wishlist
You’re welcome, lucasober
Hey guys, when can we expect a WP 5.4 update?
Hey sam_lee1985, Salient is already compatible with WP 5.4 – if you’re aware of any issues related to that version, kindly let me know.
The next Salient release is slated for around a week from now.
Cheers
Hi there – Hi there – I can’t seem to get the read more button added to the masonry layout. I’ve tried (edited code) the following:
.ascend #search-results .result span.bottom-line, .ascend .masonry-blog-item span.bottom-line, .ascend .masonry-blog-item .more-link { display: block !important; }
article.post .more-link span, .blog-recent .more-link span { display: block !important;}
.masonry-blog-item .more-link { display: inline-block !important; }
None of them added the button. And the “Automatic Post Excerpts Using this will create automatic excerpts for your posts, placing a read more button after.” is on.
Hey mehean,
Which masonry style are you using? Only the classic masonry style will add the read more markup by default – if you are trying to that in other styles, you’ll need to copy the relevant entry.php file from salient/includes/partials/blog/styles/ into your child theme and add in the following where desired:
echo '<a class="more-link" href="' . esc_url( get_permalink() ) . '"><span class="continue-reading">' . esc_html__( 'Read More', 'salient' ) . '</span></a>';
Cheers
Thank you, that worked brilliantly. Appreciate it.
Glad I could help, mehean
Hello there again. Can you tell me how to create a static header bar with a semi transparent background similar to the one on this site: http://mf.ly/das ? Thank you.
Hey marcfest, In the Salient options panel > header navigation > logo & general styling tab, you can use the “Header BG Opacity” slider field to reduce the opacity. If you also like the header navigation to show as transparent before scrolling, add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
#header-space { display: none; }
Cheers
Thank you !!
You’re welcome marcfest
Hi there. I hope this finds you well in these crazy times. // I’m trying to customize the heading font for one nectar slider within a group of nectar sliders associated with a particular slider location. For that one slide, I added an extra class name, “elevate”. What custom CSS should I add to the page so that the slider with that class name, i.e., for just that slider, uses the color red for the heading font? Thank you.
Hey marcfest!
add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
.swiper-slide.elevate .content h2 {
color: #f00!important;
}
Hope you’ve been well.
Cheers
It works like a charm. Thank you
Glad I could help, marcfest
Any update on Elementor compatibility for the Salient templates? WP Bakery just sucks, Elementor is going to make everyone’s lives easier and probably boost the sales of your theme too.
Hope your theme looks into it
Hey hrithik12345,
There has not been further developments on deeper Eementor integration yet. Thanks for the +1 for the idea though
I created a private test site to see how things are working in the currently available version..with its’ latest-supported WP version. - I highly recommend you guys(developers) go back to QA as a large set of the features, and I do mean large set, simply are not working and other settings rely on various others settings to work at all. It’s a spaghetti maze. I also recommend a tooltips system to inform the users as to what half of the cryptic controls can do unless they’re overwritten by other settings. ..The overwriting seems to happen often in the Bakery windows. THREE different locations to setup a color overlay and none of them work ? —This entire project has great potential, it simply needs to work properly…and from what I am seeing, Salient is functional at minimum at this time (I assume the WP-v5.x support was rushed and that they are working to correct that as I do not remember Salient being this unresponsive). I hope that the Salient team pulls together and corrects their systems/controls/etc. Too much simply doesn’t work. To anyone reading this; please recognize that this post is time sensitive and it does not reflect Salient overall, only during a point in time.
Hey SpaceName,
The next major release is coming in about a weeks time, as we’re currently wrapping up with the final public beta testing group.
v12 will be providing a completely improved and refreshed UI for element settings. However, in the current release it isn’t a known issue that various element setting are not functional. In your example of the BG color overlay – that is a common option used throughout many demos which are utilizing the current release & WP.
Please reach out directly with a complete list of element settings you’re referring to via the contact form on my author page and kindly also provide the private testing URL in regards so that I can take a look to assist.
Thanks & stay safe
v12 sounds good. Thx. |
“Please reach out directly with a complete list of element settings you’re referring to ” ... how much will you pay me for doing your QA work ?
Hey! I’ve been considering switching to the Elementor. You say Salient works with Elementor – do you have any tips on how to make the switch? Should I deactivate WpBakery? I’ll be grateful for your answer:)
thank you for your awesome support and all the best! Karolina
Hey Karolya!
Elementor will work with Salient, however none of the Salient specific elements will be available to use on Elementor powered pages. If you end up deactivating the Salient WPBakery page builder, the existing elements you’ve created using it will no longer render.
Thank you!
and those specific elements would be…. Nectar elements? or something else?
tx!
Hey Karolya,
Yes, the elements which are added through the Salient Core plugin.
Elementor has its own element set, but you can still keep the Salient WPBakery page builder active to keep your existing pages intact as they are.
Thank you!
You’re welcome Karolya
Hello
I have a project where i need the flickity pagination to be numbers rather than the pagination dots. By default it shows the dots, so just need to change these to show numbers, 1 2 3, etc… Please help
Also, can i please have the pagination and also the Next/Prev arrows overlaid please?
I would really appreciate your help on the above.
Many thanks
Hey elatedconsulting
There’s no option built into Salient for having both arrows and pagination dots at the same time, but CSS could be used to alter the appearance of the dots to numbers. Add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
.flickity-page-dots .dot {
counter-increment: step-counter;
}
.flickity-page-dots .dot:after {
content:counter(step-counter)
}
#ajax-content-wrap .flickity-page-dots .dot:before {
display: none;
}
Cheers
Brilliant, that worked! Thank you very much for your help
Glad I could help, elatedconsulting
Hey hekero, As the report you’ve pasted in mentions, there was no caching or minification enabled on that URL at the time the report was generated. We disable performance related items from time to time on our demos for testing purposes.
You can try checking it again now: https://gtmetrix.com/reports/themenectar.com/t7d4wfE2
Whaooo! impresive!, I’m purchasing another license in a few days! Thanks!
You’re welcome hekero
Hi. How can I completely remove the “skip-lazy” class from the theme?
I’ve removed it from here:
\nectar\helpers\wp-general.php
But I still see it on Single Image shortcodes or Image Gallery shortcodes. If I search the theme files for ‘skip-lazy’ I don’t see it anywhere else?
Thanks!
Hey SeanAUS120,
The single image element has its own lazy loading option directly in the element settings: https://ibb.co/HFWv1tc
If you wish to remove that class, the salient-core/includes/vc_templates/image_with_animation.php would need to be modified.
I’m looking to have a full screen row with 2 columns. In the left column I want the image to be centered vertically and in the right column I would like to have the image fixed to the bottom. Is there a way to do this?
Hey lindsayclineco,
That would require some custom CSS as each row only provides the option to select how all columns will align. Could you kindly share the URL in regards so I can take a look?
Thanks in advance
sent you an email.
Thanks lindsayclineco
