38296 comments found.
Hi there. On my homepage I have a section with four columns. It has an image and a “Call to Action”. The CTAs for the first two are great but the second two are not center-aligned like they should be. Please help. https://www.prepsos.com/
Nevermind, I was missing a toggle switch to center the content. Now I just need to figure out why the images for columns 3 and 4 are lower than 1 & 2.
Hey MikeMurphyINC!
Those last columns are not showing vertically aligned because the first two columns have 25px assigned for the bottom margin. If you remove that in both column settings, it should correct the issue.
Kind regards
Thank you, I had originally set up the tabs a long time ago and forgotten that I added individual tab styles. Thanks!
You’re welcome, MikeMurphyINC!
Video lightbox YT video not working on mobile (ios/android). Can click for a day but it wont help. (Using cloudflare enterprise/Cloudways (varnish))
I dont know but now on desktop also not working. Changed php to 8.1 btw. But the btn cant be clicked. It worked before. Stupid varnish is also making trouble.
Hey again Mikel2020,
Can you please share your URL so that I can take a look?
Kind regards
Found it… its Salient > performance > Delay Javascript Execution > when this is disabled videos are working again. I disabled it for now, its also a beta version.
Woocommerce > Archive Page Columns (Phone) is set to: 1. Still seeing 2 columns on mobile on product pages. What is an archive page? Something special ? Or is it a cache issue? Tried 3 different browsers 2 mobile phones
mmm, this is definitely a cache issue so this is solved for now. But is it possible to show 8 products on mobile and 16 on desktop. In salient I only have 1 option and this is 16?
Hey Mikel2020,
The WooCommerce archives refers to all grid archives pages that WooCommerce generates the content for. i.e. the main shop page, product categories etc. I’m glad that you got it figured out.
There’s no way to change the total of number of products shown in archive pages per device, but CSS could be used to hide some.
Please use the support forum in regards when posting multiple questions, as the comment area on ThemeForest is intended for quick inquiries
Thanks in advance
I Will use support forum next time. Sorry 
Hi there, I am using cloudways + cloudflare ent. and Lazy Load Page Builder Element Images is enabled in Salient (new theme and website). When I visit the shop page images aren’t loading on mobile. I have to scroll a tiny bit and all images popup all in a split sec. BTW I also disabled Cloudflare and Lazy Load Page Builder Element but it seems its the way the theme behave on mobile? Can’t find much about this. Any idea? Cant be loading time because the all there in a milisec when scrolling.
Also disabled Lazy Load Shop Images… nothing
Also disabled Lazy Load Shop Images > it works now. This is solved. I have problems with varnish and every change i make will only work or be seen if I purge varnish. Will contact Cloudways about this. Anyway it is still strange you have to scroll on mobile before the first image will even load.
Hey Mikel2020,
I would assume that the option to delay JS loading on mobile might be causing that, but I can’t say for certain without seeing your actual URL. Please follow up on the support forum with your site info so that we can help out.
Thanks in a advance
ok thx. Ur right. Same as for the video written in another topic, Salient Delay Javascript Execution (beta) is causing this issue. I disabled it for now.
Hi,
What is the blue dotted line shown around the images in Google Chrome?
Please see screen grab: https://www.dropbox.com/s/axjksjmljly5lqk/dotted-line.jpg?dl=0 Link to the dotted line: http://mindthemix.com/portfolio/ai-robot-concept/Thanks!
Hey Mindthemix!
I can not see that occurring from my end on Chrome when testing on Mac or Windows. Have you been able to see it occur on more than one machine?
Kind regards
Hey there. Thanks for the prompt reply! I tested only on Mac but I’ll try on another pc. Thanks!
Hi there, Static content (images, CSS, and JavaScript files) is cached inside Cloudflare’s Global Content Delivery Network (CDN) by default. I am using Cloudflare enterprise. In Salient general settings I can activate: Delay Javascript Execution > which setting do u recommend? Devices to Activate “Delay Javascript” Logic > All devices? Thank you
Hey Mikel2020,
The only drawback when it’s active for desktop as opposed to “Mobile only” is that top-level animations might end up getting simplified. If you’re okay with that then keep it active for all devices.
However, if you’re using another performance plugin with a similar option e.g. WP Rocket’s delay javascript execution, then I would recommend keeping the Salient option disabled.
Kind regards
Clear. Thx
You’re welcome, Mikel2020
Hi meokids.com has errors in mobile view , plse check
Hey anazkhan,
From first glance, I’m seeing some of your elements have various font sizes set for desktop, but nothing set for mobile, which is causing some items text to be appear to large and others too small on mobile.
For example, you top section with the text “Pure cotton making them”, should have a font size set in the phone viewport in the split line heading element settings: https://ibb.co/gycLM1D and your “Call to action” button element should as well.
If you’d like further assistance with specific items, please open a ticket on the support forum in regards
Thanks in advance
Hi mates, i’m trying to make buttons 100% width of the column. any way i can do that?
a solution for the whole site, as per button would be great. hope to hear from you soon. website -> l-i-n-k.org/frontpage/
to add, i’d like to color of the button to go 100% width. teh text should remain the same
last question, is there anyway to make the row background prallax?
Hey Ragmannl,
1/2. That URL is leading to a 404 for me currently, but you could use the CSS rule:
body.material .nectar-button {
width: 100%;
}
3. You can enable the parallax option for any row background in the row element settings > animation tab: https://ibb.co/r2mn3Wg
Kind regards
tyvm for your reply. that worked very well.
Another question is how do I allign the button to the bottom or the column? i would like to set up a class for it so i can choose what buttons need align this way
Hey Ragmannl,
You could add a class to the parent column(s) e.g. align-bottom>
.align-bottom .wpb_column > .vc_column-inner,
.align-bottom .wpb_column > .vc_column-inner > .wpb_wrapper {
height: 100%;
}
.align-bottom .wpb_column > .vc_column-inner > .wpb_wrapper {
display: flex;
flex-direction: column;
}
.align-bottom .nectar-button {
margin: auto auto 0 0;
}
ty for your swift reply. i have added the code to the salient css and added .align-bottom to the button but it does not change.
currently testing in the EXPOSITIE column at www.l-i-n-k.org/link/
also added it to the parent column of the button but does not change either
Hey Ragmannl, Sorry about that – I meant to place the class name on the parent row, not the column (and not the button).
yep that solved it, tyvm
You’re welcome, Ragmannl
Hi ThemeNectar! Im trying to customize the settings on an imported demo, but having two problems: 1. I cant seem to resize the logo on the header no matter what values I give (it shows up super small) 2. I can’t manage to change the menu navigation color scheme…the hover underline color just stays the same no matter if I change the color scheme settings… Hope you can help! Thx =)
Hey anagcan!
The header logo size is specified from the “Logo Height” field in the Salient options > header navigation > logo & general settings tab, And the colors for all header aspects are controlled via the Salient options > header navigation > Color Scheme tab.
If both of those are not responding to your changes, there’s probably an issue that your server is having writing the dynamic stylesheet. Please please reach out via the contact form on my author page in regards.
Cheers
Dear Salients,
happy new year 1st. Hop you´re having fine days.
For the wishlist: Twitter sux and mastodon gains more ´n more popularity. Could you pls implement in social links (Header / Footer). Would be great.
Thx n farewell 4 now.
Hey born-design,
Thanks for the request
Happy New Year to you as well!
Great! Avaible now in new theme version. But can´t find it in buider element “icons” (Font awesome). I am blind or does it realy not exist…yet..?
Cheers, BD.
Hey born-design,
It’s not available in the page builder Font Awesome library, as FontAwesome does not include that network. We’ve added it in a custom icon family for the header/footer theme options. In the next feature-based release (15.1), we’ll be adding a new font family to all icon elements in the page builder which includes a new list of social icons.
Kind regards
HI SINCE WORDPRES UPGRADE 6.1.1 THE THEME DOESNT LOAD ANYMORE PORPERLY; https://www.anodized.at/
Hey patko, there are no known compatibility issues with WordPress 6.1.1. What version of the theme are you using and have you tried to uninstall and reinstall Salient yet after doing your upgrade? Some of the files could have failed to get copied correctly during the upgrade.
Kind regards
hi, im using Version: 11.0.4 and no, i havnt tried because im afraid of overwriting current theme
Hey patko,
I followed up with you via email earlier today.
Kind regards
Hi, I created a global section that is a footer but I want this footer only to appear for portfolio items. How can I achieve this?
Hey djb19,
You can make that modification by adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:
body:not(.single-portfolio) .nectar-global-section.before-footer {
display: none;
}
Kind regards
Thanks. It didn’t work. Here is the page https://tinyurl.com/yc4bp2vs
Hey,
I must have misunderstood you—It sounded like you requested a way to remove the global section from all site areas except your single portfolio project template. Checking the other pages on your site (Service, mixes etc.), I can see that the CSS is working correctly and the global section is getting hidden while it’s still displaying on the project template (the URL you just shared).
Can you please clarify in greater detail which areas you wish the global section to display/be removed so I can better understand and provide a different snippet?
Kind regards
Sorry about that. I meant hide it on portfolio and show everywhere else. I have 2 global sections right now. Both are footers. I want the one named SAAS footer to be site wide except portfolio and post items. and the one names “Event Footer” to be on portfolio and post items.
No worries djb19,
Only one global section can be assigned to the footer location currently, but that will be changing in the next feature-based release.
For now, you’ll have to remove your site wide global section on portfolio items with the following rule (the old rule can be removed)
body.single-portfolio .nectar-global-section.before-footer {
display: none;
}
And then manually add your portfolio global section using the global section page builder element within each project.
ok thanks! looking forward to future updates. and great theme!
Hi,
I remember reading a thread that included custom css to make a row or button trigger the search bar. Could you share this with me?
Many thanks!
Hey deonteramos!
Unfortunately, there’s no custom class name available to trigger the header search bar from a custom location as of now, however, I’ve noted to include on in the next release
If you’d like early access, feel free to reach out via the contact form on my author page in regards.
Cheers
Hello – can you tell me where I can change the color and styles for my global text links? I am looking to have all my text links be orange as well as underlined by default and no underline on hover.
Currently my links are all blue with no underline until hover and hard to read. Example of a page where I have several text links are here: https://jamescarveronline.com/free-screenplay-downloads/
Thanks!
Hey JayCarver!
You can toggle the overall link style in the Salient options panel > general settings tab via the field labeled “General Link Style”.
However, to achieve the combination you’re trying for you would also need to add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab
body a {
color: #d56a1c;
text-decoration: underline;
}
body a:hover {
color: #d56a1c;
text-decoration: none;
}
Happy New Year
Hey!
Like every year, I’m looking back on my year of web production and preparing for the next one. I analyze my future needs and the tools at my disposal. And like every year, I am happy to count you among my collaborators. Your theme greatly facilitates the understanding of my clients and allows them to take full advantage of their new website. And that is greatly appreciated. In addition to offering first-class support.
Thank you very much and I wish each of us a great year 2023, filled with new challenges.
Cheers from Canada!
Hey barreoblique, thank you so much for taking the time to share your experience with us—It really means a lot
Best wishes for the New Year! <3
Thank you!
My navigation is complex – I have both off canvas & mega menu on desktop.
is there a way to create a separate navigation for mobile only?
Hey again Lateralus578,
There is no built-in option to remove both of the menus that you’ve assigned to the menu locations to show a different menu on mobile only. However, CSS could be used to alter which menu items are displayed when viewed on mobile.
If you’d like us to assist with providing a tailored snippet for you, kindly open a ticket on the support forum in regards with your site URL and more details about what you’re trying to achieve.
Salient templates – there are no examples on how to create a downloadable file T_T
I tried button, call to action, open in new window, lightbox, etc… – they all just open in a new or in the same window. I want to download and not open it. I found a solution but they use original builder not wpbakery one. I also checked your templates and the demo site – not a single download file button
Hey Lateralus578,
If you wish for your link to trigger a download, you could
1. .zip the file and link to that .zip to force a download.
2. Add a “download” attribute to an anchor tag via a text block in the text tab. An example of that would look like: https://pastebin.com/35yYRqg0
3. Add an .htaccess rule to that specifies specific file types should be downloaded.
Happy New Year
Hi, 1. how do I remove the social share sticky icon that appears on portfolio items? 2. Im using the icon list vertical. The space between icons is too much. How do I set custom space?
Hey djb19,
1. The social sharing button will only display if you have the optional “Salient Social” plugin enabled. If you do not wish to use it, you can simply disable it.
2. You can add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:
body .nectar-icon-list-item {
margin-bottom: 30px;
}
Happy Near Year
Thanks! Happy New Year. One more thing, how can I put a border radius in the image gallery element? Right now it’s limited in the customization fields. Perhaps these two options can be added in a future update to customize the element more without the CSS code? Thanks!
No problem, djb19
Which gallery type are you using? e.g. Image Grid, Flickity etc.
Kind regards
It is image grid. Thanks!
Hey djb19,
Add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:
.wpb_gallery_slidesimage_grid .inner-wrap {
border-radius: 20px;
overflow: hidden;
}
Hi, I am interested in this template: https://themenectar.com/salient/nonprofit
I would like to know, before buying it, if it is possible to create a linkable page outside the parallax of the home page, to create an internal web page where to develop more content. I would just need to create a couple more pages that could appear in the main menu.
Thanks in advance.
Hey evaviera!
Yes, you can create as many pages as you need and add the links to those pages through the off-canvas menu, as used in that demo, or add the links in the standard header navigation area (next to the off-canvas menu button).
Kind regards
Hi, how can I change the mobile view padding if the row is using container and not full width content? Thank you in advance!
Hey expectoio!
You can 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: 690px) {
body .container {
max-width: 350px;
}
}
Kind regards
