Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Cart 170,254 sales
Recently Updated
Well Documented

ThemeNectar supports this item

Supported

38442 comments found.

Can I also NOT load the style.css in the child-theme?

Currently I have adjustments in the salient custom-css box. Which one would have preference and should I delete one or the other? (for optimal performance).

Hey dzineee, the custom CSS box is only there for convenience for quick snippets. Any significant amount of CSS would be easier to contain in an actual stylesheet – such as the child theme style.css

I put the search button on the bottom of page https://cyklopedia.cc/ any way to change size of it, color? Make corners rounded? Thank you

Hey Fixedman,

add this into the custom css box located in the Salient options panel > general settings > css/script related tab:


#ajax-content-wrap .wpb_row #sidebar .widget input[type=text] {
   border-radius: 10px;
   padding: 30px;
   background-color: #eee;
}

#ajax-content-wrap .wpb_row .widget_search .search-form button[type=submit] {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
}

Cheers

Thank you, very much, is there way to pull just blog posts when I type something in search bar it is pulling pages too.

You’re welcome Fixedman, that would require copying and modifying the “search.php” file in a child theme.

Cheers

Hello how I can load all results on one page for search results? https://cyklopedia.cc/?s=Balance

Hey Fixedman, add this into your child theme functions.php file:

function nectar_change_wp_search_size( $query ) {
    if ( $query->is_search ) {
            $query->query_vars['posts_per_page'] = -1;
    }

    return $query;
}

Playing video is good on desktop but doesn’t format well for mobile. If I make a mobile version of the video – how do I make it play that version? There is no place to upload a video for mobile.

Thanks cbg77, If you’re referring to the page header video, you can make that scale to the correct aspect ratio by using the page builder instead. In a row that you set to “full width background”, you can add the video in a background video and then use % values in the top/bottom padding fields. For example, a value of 30% in each should provide correct scaling.

I renewed and filled out support ticket.

Thanks cbg77 :)

Hey guys, I working on my company’s website using these and I have a infinite loading problem on page builder. In fact, I confirmed it works on very initial state of theme but I struggling after imported demo from demo importer. If you guy know why and how to fix it, then please let me know.

Hey hshrecords, Could you please open a ticket on the support forum in regards with a temporary admin account so we can take a look? https://themenectar.ticksy.com/

Kindly let me know the ticket ID here once you have a ticket opened. Thanks in advance

Hey, thanks to your reply. I opened a ticket including information of temporary admin account on private ticket #2295854

So please take a look and find out a problem.

Thanks hshrecords :)

Hey guys,

I sent a question via your contact form. Please check it oit.

Hey arteest, I responded in regards.

Cheers

Hi ThemeNectar, Thanks so much for your fantastic work with this theme. I’ve already used 4 licenses to create websites with Salient. I’m wondering if there’s a demo or a future feature that would allow to smoothly change the color background while scrolling. I’m thinking about the effect on this website https://www.ginlane.com/work/ If not, what should I do to create that effect? Thanks and stay amazing.

Hey themightythings, I’m glad to hear you’ve been enjoying Salient!

Unfortunately, there’s no easy way to add that functionality without some custom development. Though it is a pretty cool feature so I’ve noted it on the wishlist :)

Cheers

There seem to be a bug following installation of the latest version. One of our clients has two image galleries on two separate pages. In both, the images appear cropped / compressed when the page is loaded. It’s only on a refresh that the images appear as they should again. Any fix for this?

Hey MonologueHQ, It looks like there is some lazy loading functionality active in your setup that’s causing the issue. Please deactivate that on your end for the image gallery to test.

Cheers

Thank you.

You’re welcome MonologueHQ :)

Hi there, On this website: https://finestri.nl/ my blog images (below) are not the same size. Any way to solve this that they will all show in the same format?

Thanks!

Hey Abbenhues,

Please ensure that all images uploaded are at least 600×400, if you’ve already tried running the regenerate thumbnails plugin, In the case of: https://finestri.nl/wp-content/uploads/2020/01/20191105_172249-scaled.jpg it looks like that’s getting automatically resized due to a new WordPress feature: https://make.wordpress.org/core/2019/10/09/introducing-handling-of-big-images-in-wordpress-5-3/

Cheers

Hey Nectar, is it possible to change the submit button background and text hover color (nectar Btn see though)? Thanks!

Site: http://laosuxo.dakotabrinkert.com/contact/

Hey TheRooster!

You can use the following CSS in regards:

body[data-form-submit="see-through"] .container-wrap .span_12.light input[type=submit]:hover,
body[data-form-submit="see-through"] input[type=submit]:hover, 
body[data-form-submit="see-through"] button[type=submit]:hover {
  background-color: #ff0000!important;
  border-color: #ff0000!important;
  color: #000!important;
}

I’m adding Google Tag Manager code and trying to add the second code to the Body section using Google Tag Manager Plugin for Wordpress, it is asking me where I want to put the second container code. Which should I choose?

1) Footer of the page (not recommended by Google, no tweak in your template required) 2) Custom (needs tweak in your template) 3) Codeless injection (no tweak, right placement but experimental, could break your frontend) 4) Off (only add data layer to the page source)

I chose option 1 and looks to be working fine. Thanks!

Hey ehong33234, I’m glad to hear you got it working :)

Hi, I’m using the image gallery in the latest version of the template. I have set Image Grid Style. If I set Masonry Style, there are no thumbnails on the page, but photos in full resolution. It is a mistake?

Can I set the URL to not change when I view a photo in the gallery? Thus webpage.com/#group_1991-68. Cannot send a link to the photo.

Hey dusanvondra,

1. Can you please share your URL in regards so I can take a look?

2. That hash should clear when closing the gallery. However, if you do not wish for it to show at all, you can change the theme lightbox script to “magnific” in the Salient options panel > general settings > functionality tab

Cheers

Hi, I’m sending a temporary link to a URL file. The gallery now has 100MB and loads without preview images the first time the page is loaded. https://www.dropbox.com/s/3maof8gf2oovm65/temp-address.txt?dl=0

I like FancyBox. I just mind that a four-digit number is generated each time a page is refreshed.

Thanks dusanvondra,

1. I’ve just added the fix for that into the current beta release. If you’d like a copy before the next theme release, please reach out via the contact form on my author page in regards https://themeforest.net/user/themenectar

2. Since that’s the default functionality of the lightbox script, a new parameter would need to be added to the initialization within salient/js/init.js. Inside that file, run a search for ”.fancybox({” to end up at the right place. You can use the “hash” param as follows:

hash: false

I have checked and was wondering when you all plan to add the filter feature to the blog section the way it is on the portfolio section. I see it has been in queue for 5 years already

Hey Anthony_And_Marisa,

The Post grid element was released with version 11, which has the option to add filtering: http://themenectar.com/demo/salient-promo/dynamic-post-grid/

Cheers

Thank you so much!! That helps a ton. A side question… Is there anyway to make the filter look the same way as the sub menu does? I was hoping to have the filter sections be a full width 4 column row?

No problem, Anthony_And_Marisa :)

add this into the custom css box located in the Salient options panel > general settings > css/script related tab:


.nectar-post-grid-filters[data-sortable="yes"] div {
    display: flex;
}

.nectar-post-grid-filters a {
    width: 25%;
}

How to add more extra color? Actually there is only 3 extra colors, how can I have more please? Thanks a lot

Hey shirani93, that would require modding the theme options configuration file and dynamic CSS output. Could you let me know what elements you’re trying to add new colors for so I can assist?

Thanks in advance

We want to change the “Fullwidth Fancy Boxes Hover Description” I would like to change the hover color to different colors And I would like to have more extra color to use please.

http://tinyurl.com/yx3v39eh

Hey shirani93, thanks for elaborating. The next release is adding more coloring options for that element. We can provide you with a beta version now if you reach out via the contact form on my author page :) https://themeforest.net/user/themenectar

Cheers

I cannot find how to import the demo ‘Freelance’ from the demo importer. Any ideas?

Hey Leepish04,

Please make sure that you’ve updated your version of the Salient demo importer plugin to the latest release (1.1). If you’ve already done so, it’s possible that you have an outdated demo folder lingering in your salient theme directory at salient/nectar/redux-framework/extenstions/wbc_importer

If that directory exists, please delete it so that the Salient demo importer plugin can be loaded.

Cheers

Is it possible to alter the background colour of the fancy boxes (color box hover effect) before hover? ATM they are just transparent. foodieflavours.com

thanks

Hey MarcGarner,

You can use the following CSS for that:


.nectar-fancy-box[data-style="color_box_hover"] .box-inner-wrap {
    background-color: #eee;
}

Cheers

That works great thanks, And is it possible to show the background image before hover as well?

Also would there be a way to display the fancy box as it is on hover before hover, with accent colour, changed text colour and background image?

Hey MarcGarner,

Here’s some CSS for that:

body .nectar-fancy-box[data-style="color_box_hover"] .inner-wrap *,
body .nectar-fancy-box[data-style="color_box_hover"] .inner-wrap,
body .nectar-fancy-box[data-style="color_box_hover"][data-color="accent-color"] .icon-default-style {
  color: #fff;
}

body .nectar-fancy-box[data-style="color_box_hover"] .box-bg {
  opacity: 1;
}

Will ajax commenting be added in the future ?

Hey ueswat, I’ve noted the idea on the wishlist, but that’s currently not a scheduled feature.

Cheers

I see icomoon.woff; fontawesome and several other fonts are loaded on my page. To speed things up I would like to minimize request. I am trying to figure out why these fonts are being loaded but I cannot figure it out.

Is there a way to find this myself? I have been searching in Chrome Dev console. The relevant page is for example: https://www.goedeshampoo.nl/product/revita-shampoo/

Hey dzineee,

There’s no planned option to remove the Salient specific custom icons in favor of using fontawesome icons. They are part of what differentiate the design of the theme from the generic. If you wish to remove fontawesome, you can add the following into a child theme functions.php:

add_action( 'wp_enqueue_scripts', 'salient_child_dequeue', 100);
function salient_child_dequeue() {
    wp_dequeue_style( 'font-awesome' );
} 

I am still unclear which icons that are. If i block the font via dev-tools I am not noticing any differences, so where do these icons show up?

I would like to use font-awesome, and not the other one. Can I also dequeue Icomoon?

Hey dzineee,

The icons are as follows: https://ibb.co/mSsH9g9 If you’re not using any Salient options/elements which make use of those then yes, it’s fine to dequeue the icons.

Hello,

Google Developers tools suggest to ensure that text remains visible during webfont load. Salient is using several custom fonts. The suggestion is to use font-display: swap in your @font-face

With Google Fonts it seems even easier.

See the full documentation here: https://web.dev/font-display/?utm_source=lighthouse&utm_medium=unknown

You expect implementing this?

Why load those on default, and not based on selections? I am not sure I understand that.

The adjustment below has indeed ‘fixed’ the googlefonts. It seems that fontawesome and icomoon are not fixed yet. Do I make those adjustments somewhere else to load with fallback?

Hey dzineee, 

1. as I mentioned the theme uses more than one weight by default. If you don’t want to use them, you can disable them from loading and then manually specify which open sans variants you need in the typography options panel per section.

2. The “display=fallback” param wouldn’t provide the same benefit for font icons, as there will not be a default font that can be shown like with text

Ah yes of course, that makes sense. Thank you for all your help.

Can I get an assist? My Woocommerce is not working properly during checkout. It is redirecting to a Salient page… not my site’s content.

https://bit.ly/2UuNOv4

Try now

Okay – one more try! Same info

Thanks arteest :)

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