38352 comments found.
Hi, we have a few licenses under this account, a few more under other accounts… and are planning to buy another one for a new project. That’s why we’re commenting. The site we are redesigning is currently on The Gem theme which also uses WP Bakery Page Builder. Are you aware of any tool that can help us migrate the content on the pages from The Gem to Salient?
Hey protectivefilmsolutions,
The core structure should remain when changing (rows/columns), however since the elements sets are different, it would require custom development to find/replace all existing elements to similar Salient elements. I’m unaware of any script that exists to do this exact swap, but it could be possible through PHP if you didn’t want to manually change the elements.
Kind regards,
Thanks. I think this makes sense. Basically, sounds like if I update the theme and WP Bakery in one shot using something like Easy Theme and Plugin updates, the elements should remain there. I’m not worried if it becomes a bit of a mess. I’m going to redesign it all anyway. But if the elements, like text, and some images, are still there to work with them, it makes it easier. Thanks. I should be back on this tomorrow or Monday. I’ll back up, buy a new license of Salient and try this.
You’re welcome, protectivefilmsolutions 
I’m also unaware of which elements that particular theme uses for their images, but incase they are using the core WPBakery image element, you can make that available within the Salient page builder by adding the following snippet to your child theme:
add_filter('salient_register_core_wpbakery_els','salient_child_wpbakery_els');
function salient_child_wpbakery_els() {
return array('vc_single_image');
}
Cheers
Hi there,
Is there a way to make the items of the Post Grid element/ Vertical List, open an external article (in a new tab), similar to how you have an option to switch it up with a Gallery Lightbox? My use case scenario is to showcase referral links rather than fully-fledged posts. Please advise.
Hey Romanesco,
You can add the class “target-blank-external-urls” to the “CSS Class Name” field within the post grid element settings to achieve that functionality.
Kind regards,
Thanks for the quick reply. Just added it (see reference here https://share.cleanshot.com/Ndyti9) but sadly it didn’t work. Am I missing anything? Also, how would I assign the different URLs for each post?
Hey Romanesco,
You can set a post to the “Link” post format and add your URLs to the “Link” field: https://ibb.co/F3Rd1ZG If you’re already doing that and it’s not working, kindly share the page URL so that I can take a look.
Hi ThemeNectar,
That did not work, but I managed to achieve that through a third-party plugin. Thanks!
Hello,
We have a problem with the iphone performance of the Architect Carrousel (flickity-slider). We have installed the theme and everything is going perfect… but checking the carrusel on iPhone, that part is slow and the sliding with the finger is stuck.
Website: shorturl.at/lsuJR
Video iphone problem: https://share.getcloudapp.com/9ZuoAogo
Is there anything that causes that the carousel is stucked on iphone?
Regards
Hey juanp4, the last minor release updated the Flickity library to included fixes for the latest iOS: https://themenectar.com/changelogs/salient.html
Kind regards,
Hello there. The top nav is not showing up on mobile for https://inthesameboat.org/ – any idea what I need to adjust? Thank you.
Hey marcfest,
In the Salient options panel > header navigation > mobile header tab, turn on the option for “Header Sticky On Mobile”
Kind regards,
Thanks as always !!
You’re welcome, marcfest 
Cheers
Hi, i found a BUG.
Check this page and first look > You will see like this https://prnt.sc/6G4WoAY6S9Or
And refresh page to will see > https://prnt.sc/U2qdJ0F1TzKz
And you understand me. Random post categories attach to post list. Per refresh to different location random generated.
Thanks!
And, i need Global Section disable to some pages. We need ” global top / bottom section to disable” we use global section and have 400-420 pages. But some pages must don’t include to global sections. Thanks!
Hey sinayes,
1.Since there’s no known issue like that, I would need to take a closer look at the actual page to see what’s causing the issue. Please open a ticket on the support forum in regards with your site URL.
2. You can add the following snippet to your child theme functions.php to conditionally remove global sections on certain pages: https://pastebin.com/8r2JCXQV
Kind regards,
Hi there,
Would be awesome to have a feature like this:
In the post grid element where we can select multiple categories to show. It would be awesome to also have the option to select a category not to show.
So when someone batch-edit and add that “not-showed” category, the posts wouldn’t show in the post grid, even if they are also attached to one of the selected “showed” categories.
Hope you like the idea
Hey nikosff,
Thanks for the requests – I’ve noted the idea on the wishlist 
Cheers
HI,
how can i completely disable the animation of the milestones? I want it just to display the text, no count to value or motion blur slide-in effect.
is there a php that I can put in the functions.php file or perhaps a different solution?
Thanks
Hey toolbox101,
Leave the milestone set to the motion blur animation option and then add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:
#ajax-content-wrap .nectar-milestone {
opacity: 1;
}
#ajax-content-wrap .nectar-milestone.motion_blur .number span {
animation: none;
transform: none;
opacity: 1;
}
Cheers
Hi there! Salient is amazing theme, I love your work and updates. However, is there any new information in adding the ability to scroll images as well as text? I mean infinite scroll logos like a https://madebysix.com/info thank you!
Hey romankac! Yes, the option to autorotate the carousel element in a constant ticker-like fashion will be coming to the next big update (14.5).
Cheers
How can I change the woocommerce shopping cart icon?
Hey WEBMANAGERLTDA,
You can add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:
#header-outer .cart-menu .cart-icon-wrap .icon-salient-cart,
#header-outer #mobile-cart-link .icon-salient-cart{
visibility: hidden;
}
#header-outer .cart-menu .cart-icon-wrap,
#header-outer #mobile-cart-link {
background-image: url('your-icon.png');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
Kind regards,
Excellent thank you very much!
You’re welcome 
Hey, isn’t it possible to add sidebars?! Just wondering..
Hey pedja300,
Yes – you can add a sidebar to any page by selecting one of the sidebar enabled page templates: https://ibb.co/tBqKqJp
Kind regards,
I can add to pages, but i can not create new ones. That’s what i mean.
Hey pedja300, Salient doesn’t have built-in functionality to register new widget areas. For that, you could use a plugin such as: https://wordpress.org/plugins/custom-sidebars/
To add custom widget areas to pages without having to create new page templates, you can use the “Widgetised Sidebar” page builder element like so: https://ibb.co/XL5Vv0S
Kind regards,
Good afternoon. I have a text formatting question. Is it possible to create a bulleted list using the salient capabilities, which can include both text and pictures. As in this example – https://disk.yandex.ru/i/W405nK4IDUsXdA
Hey MiraSmurkov,
It would easiest to alternate between unordered list elements and inner rows holding images/text as needed. Here’s an example of what I mean: https://ibb.co/yQLYNdN
Kind regards,
Hi Phil, i created a website (www.companeer.com). When i have the website on my iPhone SE (320 px width) the news section is cropped on the left side. What can i do?
Best Andi
Hey Andi! 
Add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:
@media only screen and (max-width: 400px) {
body .container {
max-width: 280px;
}
}
Cheers
FYI, the latest version of WP Mail Log v4 (https://wordpress.org/plugins/wp-mail-log/) causes the colour picker in salient theme to break. Rolling back to v3 resolves issue.
Hey michellejohnson51974, they are likely loading an admin script globally which is causing the error instead of enqueuing it only on their own plugin pages - Unfortunately there’s not much we can do about that from our side.
Hi, how can I change the slide speeds on the nectar slider?
Hey tricks28,
Unfortunately there’s no way to alter the speed of the transition for the Nectar Slider without editing the script file at this time (wp-content/plugins/salient-nectar-slider/js/nectar-slider.js)
Hi, is Salient 14.0.7 compatible with Wordpress 6.0?
Hey nfleming – yes it is.
Kind regards,
Good afternoon. Tell me, please, how can I change the size of the article covers in the archive in css or in other settings. Those. here I can change the size of the Blog Header Image https://disk.yandex.ru/i/1PUjIhpQY88cCg, but how can I make the same aspect ratio of images in this block https://disk.yandex.ru/i/97ejlHNdrcMsAQ?
Hey MiraSmurkov,
If you’re using the Post Grid page builder element to create that grid, you can enable the option titled “Lock Aspect Ratio to Image Size” and select your desired aspect ratio within the element settings: https://ibb.co/8x5WP9y
Hello Salient Support
Its amazing theme and work you have made but im facing problem with slow loading on my home page and i dont know why its show white page with text then theme show up and that look bad for user experience may you help to know why and how can i fix that..
My Website: https://devoart.co/Thanks
Hey Devoart,
Are you referring to the grey boxes where your images are prior to them loading? https://ibb.co/S6jDrwV
If so, that’s occurring from the lazy loading option on one of your performance plugins. If you’re using lite speed cache, you should be able to disable that in the media settings within that plugin.
Kind regards,
Hi ThemeNectar! Trying to display a long vertical image that seamlessly connects/continues across several rows. The image is divided into equal parts and placed as the background images of the descending rows. This requires each row to display the background image in full, that is, showing the top and bottom so that they can connect with the following (and previous) background row images. How can row height be set to the background image height to ensure the image is displayed in full? Thanks,
Hey webspacedesignuk!
Are you overlaying content inside of the rows onto of the images? If so, there is no good way to accomplish this using that method. If you don’t have any content which will be sitting on top of the image, you could use “Single image” elements inside of the rows instead of setting the images as a backgrounds.
If you could share the page URL/images so that I can take a look at your intended goal that would also be helpful for further advice.
Kind regards,
Thanks for the response. The vertical background image is a valley with a river passing through. This spans 5-rows if equally divided. The width needs to equal the browser and the full height of the images need to be displayed so that each background image row align. The intention was to overlay text and cloud elements on certain rows. What would be a suitable method to have a continuous background image on a single page?
Hey webspacedesignuk,
You could set the full image as a background on a single row, and then use inner rows to hold the overlaid content like so: https://ibb.co/pQYnhzR
Each of the inner rows could then set top/bottom % based padding (between 10% – 20%) to give adequate spacing.
Kind regards,
Thanks again for the prompt response. I initially tried this method but the inner row text elements quickly lose their position (relative to the background) when scaled across devices, as does the height (and therefore background image height) of the single main row. Keeping text positioned above certain background image sections is essential for legibility. A great example of what we’re trying to create would be: bit.ly/3xk1qw7
Any insight as to how this can be created, whether that’s with the use of separate media elements or a single background image would be appreciated.
Hey webspacedesignuk, If you split the image up into different pieces, the changing height of the content within each section based on the device will still end up creating issues with the image aligning to each beginning/end of the sibling images.
That shortened URL for the example is not working from my end – can you verify that it’s accurate so that I can better understand the design you’re trying to replicate?
The example site linked below illustrates the functionality we are trying to create. That is a seamless background image, composed of several media elements or a single image (shown in full height) with text that remains somewhat in place across various browser sizes. https://blueheart.patagonia.com/truth/
Hey webspacedesignuk, The “torn edges” style that they’re using on the images helps to make this effect much easier to connect to each other. Essentially, they have a bunch of images which are all absolutely positioned inside of each row set to display behind the content. Some of the images are also utilizing parallax scrolling to move them at different speeds. Additionally, they are swapping some of the images for mobile only to alter the design based on the viewport sizing.
Salient does offer the ability to absolutely position inner rows. So in a nutshell, the technique would look like the following: https://ibb.co/YP1gz2b
The parent rows would also need to be set to have their overflow to “visible” to allow the images to break out of the row area all overlap with each other: https://ibb.co/qJwsVjZ
Overall, it’s bit of an advanced technique which would require knowledge of CSS positioning, but can be accomplished with Salient.
Hi ThemeNectar, really appreciate the recommendations given. I’ve replicated the page (for testing purposes) with the suggested method. The pages look and function identically to the example site provided https://ibb.co/9t2FRJ3 (when not scaled) but then display the several issues in the following circumstances:
1) When the browser is zoomed out beyond 90% the image element lose position relative to one another. Example and comparison here (33% browser zoom): https://ibb.co/Kxw69sp
2) When viewed across various devices (responsiveness) images don’t retain their position. I’ve used the top and bottom padding of inner rows to align images. Example and comparison here (mobile): https://ibb.co/WvJhhWF
Hey webspacedesignuk,
The sizing values for the image width, row positioning and row padding all will need to make use of responsive units I.e. vw/vh/%
px based values won’t work well with this type of arrangement. Ensure that the images also have their “max width” set to “none”.
Even with responsive units for the positing/sizing, you’ll still likely need to use different values For the mobile viewport, which you can do by switching to the phone icon on those fields: https://ibb.co/mz11STj
Kind regards,
“max width” worked perfect—thanks for all the suggestions.
The only persisting issue is when I target a row using row id (anchor links), content above this row won’t load and everything below is out of position. A page refresh results in content displaying correctly. Example (as i don’t have a live url): domain.com/example/#rowid will direct and load the page “example” with “rowid” at the top of the browser, as expected. However the user cannot scroll up and view any content above this row, and when scrolled down other page element will be out of position. Any ideas on how this could be solved?
You’re welcome webspacedesignuk 
Because there’s no known issue with anchor links causing those sorts of scrolling issues, I would need to see the actual page in order to help your troubleshoot it. Can you kindly place the page on a staging server?
Hello there! I’m wondering if there is a way to make the social media icons in the footer area any larger than what they currently are. Thank you!
Hey mhstanton81!
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 #footer-outer i {
font-size: 32px;
}
Kind regards,
I hope you’re well. At https://www.joy.net/ I want to make it so that the mobile menu navigation is only displayed on mobile devices, and that the text logo will be not displayed on mobile devices (it’s already not displayed for desktop). What’s the CSS I need to add / modify? Thank you.
Hey marcfest,
I hope you’re doing good as well 
You can accomplish that with the following snippet:
@media only screen and (min-width: 1px) and (max-width: 999px) {
body #header-outer #top nav {
display: block!important;
padding-top: 20px;
}
#header-outer #top .col.span_3 #logo {
display: none;
}
}
Cheers
It works perfectly on mobile in horizontal orientation, but vertically it looks like this: https://www.dropbox.com/s/t8bc6ihp68dr58d/2022-06-04_07-34-19.png?dl=0 – If the menu is too much text to fit vertically, it would be OK if the mobile version uses that mobile menu navigation thingy instead of displaying the text. Thank you again!
Hey marcfest,
You can alter the originally provided snippet to be as follows: https://pastebin.com/kX9qb5Kb
Cheers
It works perfectly except for two small things on mobile. Please see the red arrows at this screenshot: https://www.dropbox.com/s/oxhxxl7q9pptmqj/2022-06-05_08-03-51.png?dl=0 – Thanks for your patience 
Hey marcfest, kindly try removing the previous snippet and use this instead: https://pastebin.com/qKGGvnvg if that doesn’t give you the desired result, please open a ticket on the support forum in regards so that we can take a closer look at the backend settings to assist.
Cheers
It’s perfect. Thank you 
You’re welcome, marcfest 