Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Cart 168,879 sales
Recently Updated
Well Documented

ThemeNectar supports this item

Supported

38361 comments found.

Is there any way to have a different logo on the top header area for some pages? We have a primary brand that is launching a secondary brand with different identity design (logo) but everything will be on the same website. Thank you.

Hey ehong33234,

That would require modifying the function “nectar_logo_output” in salient/nectar/helpers/header.phpThe function can be copied into your child theme functions.php for the modification.

Cheers

Hi,

Typography>>Navigation & Page Header>> Default Theme Font Functionality

What is the difference between Load from Theme & Load from Google?

Which one is best for pagespeed?

Hey shahrirh,

Are you loading other font families via the typography tab? If so, the best option for page speed would be to set that option to “do not load default font” and only make use of the other font families you’ve selected.

Cheers

Hey there. I have a few ideas for some really great additions to future theme updates. Can you please let me know where to send email? Thanks.

Hey arteest,

You can reach me directly via the contact form on my author page https://themeforest.net/user/themenectar

Cheers

Hi there, on my site clicking on the cart icon redirects users to the homepage instead of the cart page. Is there a way to fix this?

Hey MacGyverConsult,

Please verify that your cart page is assigned through WooCommerce correctly. You can check in the WooCommerce > Settings > Advanced tab at the “Cart page field”.

If you need to regenerate the WooCommerce default pages, you can do so in WooCommerce > Status > Tools: https://docs.woocommerce.com/document/woocommerce-pages/#section-1

Cheers

I want to change the shape of the love button. Where is the image of the Love Button icon?

Hey khj_iden,

Can you share your URL so that I can take a look at your settings to provide an example CSS snippet?

Cheers

I solved the problem like this. Thanks!

body .icon-salient-heart-2:before { content:url(‘IMG URL’)!important; }

Glad to hear, khj_iden :)

Hi. What’s the latest version of PHP that Salient can operate on?

The tests with PHP 7.4 were on v7.4.3. I would assume that 7.4.8 wouldn’t pose any new issues.

There are also no known conflicts with Yoast. Please describe what issue you’re facing and let me know what version of the plugin you’re using.

Thanks

Thanks! As always, you rock. Works with 7.4.8 and Yoast.

Glad to hear, Coastdesign :)

Hi, How can I do to show the Add to Cart without mouse Hover in the product page. Example: https://ibb.co/Z1P2hP1tra .The salient options are very good but for cell phones, to enter the product you have to double click on the product to enter and I want to simplify it. Thank you

Hello, I can’t find this option in the last 2 updates. Will be add this option in the next release?

Hey mirazoqui!

That feature is available in the current beta. The next major release has been pushed back, but we can still provide you with the beta access if desired. The past two releases were mandatory minor releases with bugfixes only.

I will wait for it. Thank you!

Hello on the bottom of this page https://exposeyourbrand.co is a email form how I can edit color and sizes for its button? Thank you.

Hey Fixedman,

1.

body #ajax-content-wrap button[type=submit] {
 background: linear-gradient(125deg, #3a96ff, #3a67ff)!important;
}

2. Switch the “Form Submit Button Style” to “Nectar Button” rather than default

Thank you!

You’re welcome, Fixedman :)

Hi there—How do I get some padding above my h1 titles by default? Content seems to be right up against the headers when I create pages https://jamescarveronline.com/filmmaking-gear-list/ see my h1 where I have typed “Main Camera Gear” for example

Hey JayCarver,

The parent row for that text has no top/bottom padding set. If you’d like to specify default padding for rows, you can add this into the custom css box located in the Salient options panel > general settings > css/script related tab:


.main-content > .row > .wpb_row:not(.full-width-section):not(.full-width-content) {
    margin-top: 35px;
}

Hey thanks for the reply, but it didn’t work.

I had this issue on a different website a couple weeks ago https://whydontyouknowthis.com/how-to-negotiate-with-anyone/ and you mentioned it was supposed to be padding at the top of the first content or component added by default. I forget what you told me to do to resolve it there.

Is that not the case for every variation of this Sailent theme?

Hey JayCarver, only the top of posts will have default padding like that – page builder rows will not unless they’re the first row on a page, The CSS I provided you with is not going through because of malformed CSS that is above it. The snippet above in your CSS box needs a closing bracket. i.e. this:

/* Mobile */
@media only screen and (max-width: 480px) {
    body header#top #logo img {
        height: 17px!important;
        margin-top: 10px !important;
    }

would need to be as follows:

/* Mobile */
@media only screen and (max-width: 480px) {
    body header#top #logo img {
        height: 17px!important;
        margin-top: 10px !important;
    }
}

Hi ThemeNectar!

I’m having problems finding a piece of code that causes the full website to slide 300pixels to the left when opening the right off canvas sidebar.

header-outer, .container-wrap gets the inline style = transform: translate(-300px, 0px);}

I could stop this by adding a ‘transform: none!important’ to the css file, but this causes problems with the vertical sticky tabs…

So, would it be possible to turn off the 300px inline transform somewhere?

Thanks in advance!!

Mark

Hey Mark!

As of now fully stopping that functionality would require a JS modification to salient/js/init.js at the function titled “OCM_slideOutRightOpen”. Alternatively, if you use the “Slide out from right hover triggered” style, that movement will already be the default.

Cheers

Hey! Thanks a lot, that fixed my problem. One more question; how could I speed up the animation from 3 lines to a cross when opening the sidebar menu?

Hey markbvv,

Can you share the page URL so that I take a closer look at the setup?

Thanks in advance

Hello, All of sudden on my website (https://relentlesswarriorstore.com/), you can’t scroll anymore. It does it on desktop, tablet, and mobile. Can you please advise why? Thanks.

Hey kukennedy,

Without disabling the currently active CSS minification, it’s hard to see the true cause of that issue. However, you can add this into the custom css box located in the Salient options panel > general settings > css/script related tab to correct it:


.nectar-no-flex-height:not(.material-ocm-open) .ocm-effect-wrap-inner, 
body[data-slide-out-widget-area-style]:not(.material-ocm-open).nectar-no-flex-height .ocm-effect-wrap {
    height: auto!important;
}

It worked thank you. I also tuned off minify css. Could you let me know so I can revise it properly? Thanks.

Thanks,

I can’t seem to replicate the issue locally when attempting to copy your theme settings. If you’d like to reach out privately via the contact form on my author page, I’d be glad to take a closer look at the backend. Or you could just leave that snippet active until the next release. In the upcoming version, the underlying CSS which is conflicting on your setup has been rewritten and thus the issue would go away naturally when updating.

Cheers

CF7 Styling: my contact form uses date picker dropdown. on iphone the did not get the overall site style. How do I get all the form styled (for example) as the minimal one on someone of your templates? (Included datepicker dropdown) thanks in advance

Hey guasconi,

In the Salient options panel > Form styling tab, ensure that you have the option “Enable Fancy Select Styling” enabled. If you already do, please share your URL in regards so that I can take a look.

Cheers

Hey ThemeNectar!

I am trying to use an iframe in a lightbox but i am getting an error “The requested content cannot be loaded.”

I already tried the following but nothing works:

<a href="http://www.google.com?iframe=true&width=400&height=200" class="pp">Link</a>
-
<a href="http://www.google.com?iframe=true&width=400&height=200" rel="prettyPhoto[iframes]">Link</a>
-
<a class="iframe" href="http://www.example">This goes to iframe</a>

I hope you can help me out with that. Thank you for your effort, i appreciate it! best regards

Hey Cartman66,

The anchor structure to call a fancybox iframe is as follows:

https://pastebin.com/bmZYRdRD

Note, that if you’re trying to access Google in an iframe, you’ll need to use an iframe supported URL such as a map embed in the example above

Cheers

Thank you very much!! It works even with normal iframe Pages.

You’re welcome Cartman66 :)

Hi Theme Nectar and congrats for the awesome theme. I am working on a site with Salient of a client of mine who already bought the theme. I have one question: how to automatically expand the woocommerce product categories widget on mobile view? By defaul it is collapsed. Thank you so much

Hi guys, as always congrats for this great theme! Same website, another question from my client: how do I increase the font size of the text i put in the hotspots panels on mobile? It is really small. Same for the (X) icon to close the panel. I’m talking of the hotspots of the Image with hotspots module. Thank you in advance!

Nevermind guys, I’ve figured it out the issue related to the font-size on tooltips boxes but now I have another problem: I’ve put some html anchors in the tooltip boxes, links work perfectly on desktop but on mobile when i click those links the tooltip box simply disappear and the link doesn’t work. Can you please help? Thanks a lot!

Hey GIORGIDESIGN! This issue is will be fixed in the next major release (v13). If you’d like immediate access, please reach out via the contact form on my author page in regards.

Thanks in advance

Hello,

I am having an issue where google picks up the Creation date of the article , the published date. but I am updating my blog posts quite often and I need to have Last updated on <date>

I am looking in includes/partials/single-post/post-header-no-img-regular.php and I do see on lines 86 – 89 the code

 <?php echo get_the_date(); ?> 
                  <?php echo get_the_modified_time( __( 'F jS, Y' , 'salient' ) ); ?> 
                   <?php } else { ?>
                  <?php echo get_the_date(); ?> 

So there is a code that displays last updated date but it’s hidden front end and backend – not users, me or Google picks up the updated date.

I am trying to understand why it’s hidden and how can I enabled it.

thank you.

Hey alexwb,

The last updated date should exist in the markup – you can force it to display with the following CSS:

.single .meta-date:not(.updated) {
 display: none!important;
}
.single .updated.rich-snippet-hidden {
  display: inline-block!important;
}

I’ve noted to add a theme option in the upcoming release to toggle which date to publicly display on posts.

Cheers

Any documentation on how to customize blog/recent posts element to pull from new taxonomies?

Hey theoceanagency,

The next update will be including a custom query option directly into the “post grid” element, If you’d like to get on the beta list, please reach out via the contact form on my author page https://themeforest.net/user/themenectar

Which file do I need to edit to make Clients Display URL open in target=_self ?

Hey mousemediainteractive,

The file is located at wp-content/plugins/salient-core/includes/vc_templates/client.php

I’ve also noted to add that option into the next release.

Cheers

Good day theme nectar,

I was making use of the theme, and realized that when running google page speed test, the mobile scores are low. Is their any way of improving the google page speeds score?

Hey aglet,

You need to enable CSS/JS minification on your site. You can use a plugin such as https://wordpress.org/plugins/autoptimize/ or https://wordpress.org/plugins/w3-total-cache/ to do so.

The next release will also be including a global lazy loading option for images, which will further increase the mobile score. If you’d like early access, please reach out via the contact form on my author page https://themeforest.net/user/themenectar

Cheers

Hi guys!

1. I want to resize the font of the Off Canvas Menu, I use this code: @media only screen and (max-width: 1500px) { #slide-out-widget-area .inner .off-canvas-menu-container li a { font-size: 25px!important; line-height: 15px!important; } } but the sub items of the menu now have the same font of the principal items… how can I resize it?

2. and where/how Can I resize the font of the sub menu item?

3. unsing this menu: http://themenectar.com/demo/salient-freelance-portfolio/ is possible to have a different Menu Item Style in a voice called “Shop”... something like this “Purchase” item: http://themenectar.com/promo/#demos ? Can you help me?

4. unsing this menu: http://themenectar.com/demo/salient-freelance-portfolio/ is possible to have another menu on top of the pages like a Secondary Header Bar? How can I do this? can you help me? tnx!!!

Right now is only on a test area, a local mamp server :/ can you try to help me anyway? p.s.: 4 ok, I selected in the Silent option panel the secondary header bar… but how can I assign there a menu?

4 update. if I use Header Layout Centered Menu Bottom Bar theme doesn’t appear in the secondary bar. If I use Centered Menu Alt is ok the secondary header bar menu, but the Off canvas Navigation Menu (icon) move to the middle of the page under the logo instead of staying in the top-right of the screen.

Hey DieMan_,

1. Try to use the following:
 body #slide-out-widget-area .inner .off-canvas-menu-container li li a {
font-size: 12px!important;
}

2. The secondary menu bar will only display the content assigned to the field “Secondary Header Text” when using the “Centered Menu Bottom Bar” layout. If you wish to add navigation items to that area, you would need to copy the file “salient/includes/partials/header/secondary-navigation.php” into your child theme to make the modification

I experience iconsmind icons to load extremely slow in Salient when I want to browse the iconsmind collection in Salient. I also noticed it has a massive impact on gtmetrix and other measurements. I.e. your own example with Bentley Martinez on your store front here on themeforest. It took almost a second to process in GTMetrix. Is the Iconsmind library that massive?

Besides that, I’m a content user of Salient.

Hey tceriksen79,

1. In regard to the page builder – Have you updated to v12 of Salient and also updated the Salient Core plugin? All the icon libraries are now paginated in the page builder, which corrects the long loading issue.

2. We’ve included the SVG versions of the icons so that they can load individually if desired. To make use of that, you just need to unzip the folder titled “icons.zip” in salient/css/fonts/svg-iconsmind

Cheers

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey