38361 comments found.
is it possible to change the hover colour of products in the popup cart? Thanks
Hey MarcGarner,
Could you kindly share your URL in regards so I can see your theme settings in regards in order to assist?
Thanks in advance
Hi, Any progress on this? Thanks
Hey MarcGarner, add this into the custom css box in the Salient options panel to fix that issue with the variations for now:
body #header-outer ul.product_list_widget li:hover dl dt,
body #header-outer ul.product_list_widget li:hover dl dd {
color: #000!important;
}
Cheers
Works great, amazing support as always. Thanks.
You’re welcome MarcGarner 
Hi
How i can use dots nav from the left side? I want use names of the rows always visible from the left side
i already open names with this code
fp-nav.transparent ul li .fp-tooltip .tooltip-inner span,
fp-nav.tooltip ul li .fp-tooltip, #fp-nav.tooltip_alt ul li .fp-tooltip {
opacity: 1!important; }
Help me pls with left position. Ty)
Hey Fodert,
Please share your actual URL in regards so I can take a look at the settings to assist
Cheers
Hey Fodert,
Add this into the custom css box located in the Salient options panel > general settings > css/script related tab
#fp-nav.right {
right: auto;
left: 20px;
}
#fp-nav.transparent ul li .fp-tooltip.right {
left: 20px;
}
#fp-nav ul li .fp-tooltip .tooltip-inner {
left: 30px;
right: auto;
}
#fp-nav.transparent ul li .fp-tooltip .tooltip-inner:after {
display: none;
}
#fp-nav.transparent ul li:hover .fp-tooltip .tooltip-inner, #fp-nav.transparent.fp-show-active a.active + .fp-tooltip .tooltip-inner, #fp-nav.transparent ul li:hover .fp-tooltip.right .tooltip-inner {
transform: translateX(-5px);
}
Cheers
excellent. how to make text clickable too?
Hey Fodert, could you kindly log in to the user account which has a current license for Salient? I’m not seeing one attached to this username
bug https://yadi.sk/i/rH5IretH3aqZGC site: https://yarasheva.ru mobile version
Hey Nicko_217, are you referring to the header overlaying the recent post slider? If so, I provided you a CSS snippet to make that happen a couple days ago:
@media only screen and (max-width: 1000px) and (min-width: 1px) {
body #header-space[data-header-mobile-fixed="1"] { display: none!important; }
}
NO
there is no image on the main post on the main page from your mobile device. it’s not the cache
Hey Nicko_217,
Thanks for clarifying what the issue was from the screenshot, that issue can be fixed with the following CSS
body[data-remove-m-parallax="1"].using-mobile-browser .nectar-recent-posts-single_featured.parallax_section .nectar-recent-post-slide .nectar-recent-post-bg {
opacity: 1;
}
latest update – 9.0.1 disappeared ALL the buttons in Salient options—https://imgur.com/a/1CrKppE
Hey crazyheart, if you could open a ticket with your admin credentials it would be helpful so we can see what’s going on with the setup to assist https://themenectar.ticksy.com/
Hi, I have been using a code to make alternative items in my second level menu on mobile a different colour. The problem is I have just changed to a mega menu which has added a third level of menus and now the alternating colour isn’t working on the third level. This is the code I was given:
slide-out-widget-area .inner .off-canvas-menu-container ul.sub-menu li:nth-child(2n+1) a {
color: #4f4f4f !important; }
If you check the site https://phoenixyogastudios.com.au you will see what I mean in the menu once you get down to the third level. Any ideas here?
Thanks!
Hey yogasanjay,
Could you let me know which of your menu items on mobile has the third level so I can check?
Cheers
From the hamburger: MORE -> ABOUT US / MEDIA (either of these two) – the menus under them are all grey. Where as the other three ‘first time?’ ‘meditation’ and ‘phoenix gives’ are all alternating colour. Thanks
Hey yogasanjay,
You can fix that by using some direct child selectors like so:
#slide-out-widget-area .inner .off-canvas-menu-container ul.sub-menu > li:nth-child(2n+1) > a {
color: #4f4f4f !important;
}
Cheers
I already have this one:
slide-out-widget-area .inner .off-canvas-menu-container ul.sub-menu li:nth-child(2n+1) a {
color: #4f4f4f !important; }
Adding the one you gave me didn’t change the section of the menu stated before…
Hey yogasanjay, I tested the above snippet from my last comment in the browser inspector and verified it corrected the issue
You need to also remove the other old selector you had that is not using the direct child selector ”>”
Ah I see, it’s working now. Thanks so much!
Glad to hear yogasanjay
Hi guys,
How do i add a parallax background to a row that is inside another row!
Hey bachuramadhikari,
there’s currently no option to do that as of now, however i’ve noted your +1 for the idea on the wishlist
Hi,
I see Salient 9 is out, and just wanted to double check if it’s safe to update the parent theme. Last time I updated a major release my child theme styles were overwritten in some instances by new or more dominant styles in the parent theme, which caused me a lot of work to correct.
Let me know, otherwise it might be a good idea to just update the visual composer and leave the rest as it is now.
Thanks for your input on this!
Hey DigiBastards,
Without knowing what’s in your child theme it’s not possible to say if there are any new styles in the parent relating to your customizations – you could always upload the new version and rename your old version in case you need to swap back. Just remember to clear your cache after updating
Cheers
hi guys,
is there any way of getting a responsive two column layout inside the off screen navigation like a 1/4+3/4 layout.
Hey bachuramadhikari,
That would require some custom development as of now, however i’ve noted the idea for the wishlist
Cheers
Ok cool. Please add single image hover effects and background music controls to the wish-list too.
Will do bachuramadhikari
Hi, since adding the new release my parallax images are not displaying correctly on mobile devices. Usually they shrink down fit into the height (not the width which is fine). Any suggestions? I have deactivated and deleted and reactivated all my plugins…
I have no idea what I just did but it looks like it’s all back on track
Hey yogasanjay, it could have simply been a browser caching issue – if you encounter it again, let me know the URL so I can take a look
Great theme! I am curious if there is anyway to use a shortcode to show the portfolio attributes and/or categories on a portfolio page? I would like to use the full-width portfolio and include the project attributes on the page. The sidebar with the attributes is not available on full-width and I would love to have a bit for choice as to where the attributes are listed.
Any tips?
Thanks!
Hey decodomain, unfortunately there’s no quick way to call attributes on a full width project template as of now. It would require modding to the single-portfolio.php currently, however I’ve noted your +1 for this idea on the wishlist
Just an answer you can give @anton123 3 comments up:
Answer is the follow
<script type="text/javascript">jQuery('.whateverlogoclass').each(function(){
jQuery(this).attr('src', 'http://domain.com/wp-content/uploads/2018/08/Logo-.jpg');
});
</script>
Obviously this is per page implementation and he must change the class to the appropriate class of logo he is using on the page
Thanks a lot for helping out another user MatthewMurdoch
Hi there team! I’d like to hide or omit the custom content item and the ‘red quote’ item from the recent projects widget. They both look awesome on the projects page but when I include your awesome Recent Project Widget into a footer area it shows blank custom content item and red quote thumbnails that lead to blank pages if clicked. I like having these two posts in the masonry grid for the projects as one is my announcement area and the quote adds some fun. However it messes up the Recent Projects Widget. Can you help me to omit these from the widget please? I’m using Agency demo.
Hey wormwoody,
I’ve noted to add a way to target those projects to hide them in the upcoming minor release
Cheers
Just starting to make use of the blog features in Salient and I am loving it! One thing I would like to do is, using the masonry no sidebar blog type with classic enhanced masonry style, have a two-column posts page instead of three.The template structure is much more complex than I am comfortable fiddling with too much. What file/line(s) do I need to edit to accomplish this?
Hey reticen1!
Add this into the custom css box located in the Salient options panel > general settings > css/script related tab
@media only screen and (min-width: 1000px) {
.masonry-blog-item {
width: 50%;
}
body .post-area.masonry.classic_enhanced article.post .post-featured-img img { max-width: none; width: 100%; }
}
Cheers
Brilliant. This theme gets better and better the more I use it! Thanks so much!
You’re very welcome reticen1
Hi there – since the new option to add a different mobile logo. A quick question on updating this code below to be able to also use another version of a mobile logo on a particular page plus, if possible have the ability to include light + dark versions of the logo (for sticky header etc) per page.
Add Different Logo on Particular Page: https://themenectar.ticksy.com/article/10605/
In short, use the above code as is, but update it to show on a particular page: - a different logo (light and dark versions) and also another version of a mobile logo.
Thanks very much!
Hey anton123, to alter the mobile logo different you could change it to the following:
<script type="text/javascript">
jQuery( document ).ready(function() {
setTimeout(function(){
jQuery('.page-id-6385 #logo img:not(.mobile-only-logo)').attr('src','http://www.yourdomain.co.za/wp-content/uploads/2018/03/logo-hr-light-tur.png').attr('srcset','http://www.yourdomain.co.za/wp-content/uploads/2018/03/logo-hr-light-tur.png 1x, http://www.yourdomain.co.za/wp-content/uploads/2018/03/logo-hr-light-tur.png 2x');
jQuery('.page-id-6385 #logo img.mobile-only-logo').attr('src','http://www.yourdomain.co.za/wp-content/uploads/2018/03/logo-hr-light-tur.png');
},500);
});
</script>
As of now altering the light/dark logos differently would require some further modding however i’ve noted the idea for the wishlist
Cheers
Thanks very much! Only one problem is that sometimes that while a page is loading it will show the main site logo and then there’s a slight 1-4 second delay until the new / different page logo displays (so you can see the switch-over). Is there a timing setting to make it instantaneous?
Hey, try this instead
<script type="text/javascript">
jQuery( document ).ready(function() {
jQuery('.page-id-6385 #logo img:not(.mobile-only-logo)').attr('src','http://www.yourdomain.co.za/wp-content/uploads/2018/03/logo-hr-light-tur.png').attr('srcset','http://www.yourdomain.co.za/wp-content/uploads/2018/03/logo-hr-light-tur.png 1x, http://www.yourdomain.co.za/wp-content/uploads/2018/03/logo-hr-light-tur.png 2x');
jQuery('.page-id-6385 #logo img.mobile-only-logo').attr('src','http://www.yourdomain.co.za/wp-content/uploads/2018/03/logo-hr-light-tur.png');
});
</script>
Thanks very much, I used a header code injector plugin to be able to use this on portfolio pages too – the problem is that you’d want the logo link to be the link to another page (one that you changed the logo for) instead of the site home link.
I tried adding a href .attr at the end like below, but it doesn’t work. Any ideas? Thanks!
<script type=”text/javascript”> jQuery( document ).ready(function() {
jQuery(' #logo img:not(.mobile-only-logo)').attr('src','http://www.yourdomain.co.za/wp-content/uploads/2018/03/logo-hr-light-tur.png').attr('srcset','http://www.yourdomain.co.za/wp-content/uploads/2018/03/logo-hr-light-tur.png 1x, http://www.yourdomain.co.za/wp-content/uploads/2018/03/logo-hr-light-tur.png 2x’).attr(‘href’,’http://www.yourdomain.co.za/another-page/');
jQuery(’ #logo img.mobile-only-logo’).attr(‘src’,’http://www.yourdomain.co.za/wp-content/uploads/2018/03/logo-hr-light-tur.png').attr('href','http://www.yourdomain.co.za/another-page/');}); </script>
You’re welcome anton123
The .attr() for the href needs to be called on the #logo anchor itself rather than the img inside of it
i.e.
jQuery('#logo').attr('href','http://www.yourdomain.co.za/another-page/');
Hey. Theme has worked fine! But now i tried to use Updraft Plus plugin and it’s showing 404. Are you familiar with this and what might be wrong?
Hey tomip,
Is it causing the entire site to show 404 or only certain sections? Could you kindly open a ticket in regards via the support forum with your admin credentials so we can take a further look into this?
https://themenectar.ticksy.comThanks in advance
Hi, How can I remove the text ( A site-wide Call to Action Section! Have you fallen in love yet? ) and the button (Buy This Theme) from all pages?
I have tried this as you mention above:
.single-portfolio #call-to-action { display: none!important; }
But it doesn’t works..
Hey tahirshoukat,
You can configure that in the Salient options panel > call to action tab
Cheers
Hello Guys, i want to add a huge line border for my menu like this https://imgur.com/rqqq44G
Hey freakazor,
Add this into the custom css box located in the Salient options panel > general settings > css/script related tab
html body[data-footer-reveal] #header-outer[data-transparent-header].transparent,
html body[data-footer-reveal] #header-outer[data-transparent-header] {
border-bottom: 5px solid #999333!important;
}
Cheers
Hey , i add that in to the box but it doesn’t make any changes.. 
Hey freakazor, could you kindly share your actual URL so I can take a look why the css is not applying?
www.imbracaminte-lucru.ro
Thanks freakazor,
Change the snippet to be this instead:
html body[data-footer-reveal] #header-outer[data-transparent-header].transparent,
html body[data-footer-reveal] #header-outer[data-transparent-header],
body:not(.material) #header-outer {
border-bottom: 5px solid #999333!important;
}
Cheers
Works Great! Thanks 
You’re welcome freakazor
Hi!! I would like to extend parallax effects to 404 page on my child theme. How I can do it? I try to instance the Parallax object because I saw that the theme has a parallax library, but when I run javascript about it, the console responses Parallax is not defined.
Hey ZGmarketing, are you referring to the mouse based parallax scene like so: http://themenectar.com/demo/salient-promo/mouse-parallax/ ? If so, you’ll need to enqueue the script on your 404 as well:
wp_enqueue_script('nectar_parallax');
Hi I did the latest update and notice certain pages on my website are broken such as https://thefictionstoryroom.com/movies-quentin-tarantino-inspired/ which is a blog post and shows two different logos in the header in chrome and on every page. Also in chrome I notice on the shop page that the global icons in the header are misaligned and the page is broken too https://thefictionstoryroom.com/shop/
In safari there’s a blue strip at the top of the website….
There seems to be random pages with issues since the update…can you advise?
Please disregard above comment….I have resolved the issues.
Is there anyway to hide the tags on the bottom of blog posts?? https://thefictionstoryroom.com/godzilla-2014-script-screen/
Glad to hear you sorted it – yes, there’s an option for that in the Salient options panel > blog > functionality tab called “Display Tags”
Cheers
Can i use a custom font other than google web font? i want to use Proxima Nova.
??
Hey bybalica,
please see this article in regards https://themenectar.ticksy.com/article/9773/
Cheers
.attr('srcset','http://www.yourdomain.co.za/wp-content/uploads/2018/03/logo-hr-light-tur.png){kind=link}
.attr('href','http://www.yourdomain.co.za/another-page/');){kind=link}