38279 comments found.
hello there
I’m starting to build out a website and need to integrate a community / user profiles.
Can you offer any advice or Is there plugin that you recommend that works nicely with Salient?
All the best
Jon
Hello,
It suddenly occurred to me that the logo would look like this: https://ibb.co/q57YKssOn the desktop only, but it appears correctly on the tablet and mobile phone.. What is the reason? How can I solve this problem?
I am using Transparent Header and I have tried replacing Header Starting Logo Upload as well as Header Starting Retina Logo Upload with other logos, but unfortunately the same problem still appears!!
Hey mancdim,
I would need to see your actual site in order to help you troubleshoot that. Please open a ticket on the support forum in regards.
Thanks in advance
Hello! I would like to know how to make the opening animation of the “SaaS Dark Hero” section.
The animation I’m talking about is the one that appears above the header from top to bottom at the top (https://themenectar.com/salient/), is it a CSS style? I would like to know how it is done because it is really beautiful, I tried modifying the Z-Index but the section goes below the header instead of above 
I’m working on the theme on a friend’s website, but I’ll buy it for my website if I can fix this, you’ve done a great job guys!
Thank you very much and have a nice day!
Hey thenotori0us911,
I’m glad to hear you’re enjoying the theme 
Please open a ticket on the support forum in regards with your current page URL so that we can take a look at your current setup to assist
Hi there,
Is there a way to make the image gallery/ Image Grid Style element be dark by default and then reveal the image on hover? I’d like to be able to put a color overlay on the default image and only showcase it once the cursor or touch has hovered? I believe that’s possible only with blog posts featured images, but I don’t see a way of replicating that with image galleries. Thanks!
Hey Romanesco,
Adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab should make that modification:
.wpb_gallery .portfolio-items .work-info-bg {
opacity: 1;
}
.wpb_gallery .portfolio-items[data-ps] .col:hover .work-info-bg {
opacity: 0.3;
}
Kind regards
That works great on desktop, and I figured out a way to also make it act different on mobile and desktop. You guys are the best!
Thank you!
You’re welcome, Romanesco
Hey guys, how do I change the colours of search icon and the social media icons:
https://prnt.sc/r5h3wwGJ8eyEThey turn white when going over a dark background which is fine but I want them to be the same color as the menu or subscribe as a normal color, but they are black and I dont know where to change that. Thanks!!
Hey bupelive!
You can alter the default color for your menu items in the Salient options panel > Header navigation > color scheme tab by using the field labeled “Header Font”
Kind regards
Hello,
Would it be possible to hide the title of the banner or to move it to the bottom / outside the banner? https://maiko-accessoire.com/boutique/sacs/
If yes, how?
Thanks in advance
Hey acapucho!
You could modify that by adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:
.tax-product_cat #page-header-bg h1 {
display: none;
}
Kind regards
I’m integrating ‘Advanced Woo Search’ in my site because I need a separate index for search (although I do love the look of your ajax search) cause I have +10K products.
I’ve got the new plugin’s search form integrated in to my header, however I’ve lost your js which gives me that nice functionality like when you click the search icon, the cursor appears in the search box, and also being able to close the search result bar that using your ‘x’.
Is there some classes I need to add to init.js or some way I can get an alternative search plugin to work with Salient? My site is here https://winenliquor.com/
Hey Sean,
1. The search focus when opened is looking for an input with the type of “text”, the one you’ve integrated is of type “search”. That would even need to be changed or a custom JS event would be required.
2. The close button markup is added in the template file salient/includes/header-search.php – that would need to be added to your new search via a child theme modification.
Kind regards
Hey, how can I make the menu navigation transparent on the 404 page?
Hey juvengle,
You could use the following snippet in your child theme functions.php file: https://pastecode.io/s/k42wub4m
Kind regards
Ive installed the latest version. Set custom fonts and accidentlly saved “save from theme”, now after flushing cache, trying different browsers, etc the google fonts dont load. it stays “serif” on frontpage. Any idea.
Hey timtimtim,
If you’re referring to the following theme option: https://ibb.co/ZTf6Xq6—that wouldn’t affect whether Google fonts are able to load or not. It only controls the default “Open sans” font, which is used when a Google font is not specified.
Because there’s no known issue with Google fonts not loading, can you kindly open a ticket on the support forum in regard with your site URL?
Thanks in advance
Correct, that was the theme option i was mentioning, however before opening a ticket i played around and solved it. My fault, despite clearning cache, etc i did not purge the cache. It works now. Thank you.
Hey timtimtim, I’m glad to hear you’ve sorted it
Cheers
Hi TN,
Just wondering – is there a way that the SUB-MENU can also be transparent before scrolling?
For the ‘Menu Bottom Bar’ option with shrink after scrolling, the actual header is transparent when at the top of the page, but the submenu’s still have the background box. I’m hoping I can have them both behave the same way (e.g. color change in the text, background color after scrolling etc.)
It would only be for one page – the home page – so I’m hoping there’s some CSS that would do this
Many thanks!
Hey ND81!
Adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab should make that change:
#header-outer.transparent #top .sf-menu li ul {
background-color: transparent!important;
}
#header-outer.transparent #top .sf-menu li ul a .menu-title-text {
color: #fff!important;
}
Kind regards
Perfect! Many, many thanks
You’re welcome, ND81
Hi again guys,
One further question here – I notice when I actually click on a sub menu link, the background color appears; it’s only brief before the page changes, so not critical. I’ve tried to locate where this CSS is to target, but not having much luck. Is that something that could be adjusted here through CSS as well?
Hey ND81, try adjusting the snippet to the following:
https://pastebin.com/CHmKgL7BIf that doesn’t work for you, please share your page URL in regards so that I can take a look at your site settings to assist further.
Kind regards
You guys are wizards! Worked a charm – many thanks!
Hi again, one more (hopefully!) small item; I’m just wondering where I would look to manually change order for social media icons in the header
Hey ND81!
You could copy the function “nectar_get_social_media_list” from salient/nectar/helpers/header.php into your child theme in order to reorder the list as desired.
Kind regards
Perfect! That did it. Thanks again!
Cheers, ND81
Hello! How can i enable to open sidecart everytime a product is added to the cart, instead of redirecting to the cart page? Thanks!!!
Hey paulinavargasin!
Do you have the following options enabled in your Salient options panel > WooCommerce tab? https://ibb.co/nmZ71kN
If so, please open a ticket on the support forum in regards with your site URL so that we can take a look into your settings to assist.
Kind regards
Hi, is there any way that I can put the secondary menu on the top bar on the left? instead that on the right. Also, which plugin would you recommend if I wish to put a sliding down top bar that show a message? thanks in advanced.
Hey eddieneg,
1. You could make that adjustment by adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:
#header-secondary-outer ul#social {
float: right;
}
#header-secondary-outer ul.sf-menu {
float: left;
}
2. Unfortunately I don’t have a specific plugin to recommend for that functionality. However, if you run into any issues, feel free to open a ticket on the support forum in regards
Cheers
Thank you very much , you rock!!
You’re welcome, eddieneg
Hey there, I am seeing big spacing after all of my listed part of the content. Do you know what would cause this or how to make this gap smaller like the rest of the paragraphs?
its within this coding: ol li {}
Here is an example: https://factsontaxes.com/5-common-sales-tax-mistakes-to-avoid/
You can see the normal paragraph spacing is good – because I added this code: p { padding-bottom: 15px } but the problem is with the spacing paragraph under the listed item its like double the spacing.
Thanks in advance.
Hey msherstenka,
The default bottom margin for ordered and unordered lists is 30px. You can also change that with a simple rule such as :
body ol, body ul {
margin-bottom: 15px;
}
Kind regards
Thank you!
You’re welcome, msherstenka
Hello,
In the Salient Template “Toggle Pricing Tables” I would like to integrate the “Accordion Toggle Panels” but it does not exist in the elements to add from the library.
Do you know where to find it…?
Regards
Hey nedana,
The studio template “Toggle Pricing Tables” are already inside of a Tabbed element, which can not contain another Toggle element by default. Currently, the Toggle panel element must be a direct child of a column and not nested within other elements.
Kind regards
hi, any way to put the menu text when you are for example in a page like contact, put the contact text on the menu in bold? thanks
Hey dimage,
Yes, that would be possible with a snippet of custom CSS. For example:
https://pastebin.com/Y1f3RtpvKind regards
great thanks.
You’re welcome, dimage
Is there any chance on helping figuring out the structure of your themes presentation site (after purchasing of course)? It has some really interesting sections and order. It says that it built with salient. Also is there any extras needed to achieve similar layout ?
Hey SpirosCarelakis,
The sections seen on the demos can easily be added to your pages via the Salient Studio Template library. If you need assistance in replicating specific sections, feel free to open a ticket on the support forum in regards.
Cheers
Using the below shortcode within a text block for 2 columns of text. How can I maintain the 2 columns on mobile? ATM they go to 1 column one below the other.
Shortcode:
Tuesday Wednesday Thursday Friday Saturday Sunday /one_half09:00 – 12:00 09:00 – 18:00 09:00 – 18:30 09:00 – 17:00 13:00 – 18:30 On Request On Request [/one_half]
Hey MarcGarner,
The one_half legacy shortcode doesn’t have built-in responsive options like the page builder columns, so a snippet of CSS would be needed for that:
@media only screen and (max-width: 1000px) {
body .col.span_6 {
width: 50%;
}
}
Kind regards
Thanks that works perfectly
You’re welcome, MarcGarner
This is still going to one column beneath the other on tablet sizes. With a window about 1000px – 700px wide this happens.
Hey Marc, If the following change doesn’t work, please share your actual page URL so that I can take a look:
@media only screen and (max-width: 1000px) {
body .col.span_6 {
width: 50%!important;
}
}
It would be pretty cool if in the future updates u will add dark/light mode
Hey raffess, I’ve noted your +1 for that idea on the wishlist
Hi there, We consider on giving a shot on the great theme you have here and wanted to know if there is compatibility with litespeed plug in checked. And litespeed server structure generally. Thanks.
Hey SpirosCarelakis,
Salient is compatible with the performance plugin, litespeed as well as the litespeed server architecture.
Kind regards
Where do I change the logo?
Hey Lovethexoxo,
The logo is specified in the Salient options panel > header navigation > logo & general styling tab.
If you’re using the transparent header option, then you will also find additional logos in the Salient options panel > header navigation > transparent header effect tab.
Kind regards
