Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Cart 170,137 sales
Recently Updated
Well Documented

ThemeNectar supports this item

Supported

38434 comments found.

Hi Phil, hope you’re doing great! I’m sorry to bother you but I can’t seem to find the error on my site and it drives me nuts…

My whole menu got skewed over to the right and I don’t know how that happened. I tried deactivating all the plugins and cache and whatnot… no clue what else it could be. Do you have an idea maybe? https://www.gurskydesign.com

Also on this page at the bottom with my pic and buttons https://www.gurskydesign.com/about-me/ it seems like it doesn’t respect the div column settings. The paddings/margins are too big…

Thanks a lot in advance :)

Hey TheChuckOne,

The plugin which is conflicting is “gs dribble portfolio”, it’s loading a full version of bootstrap which is a CSS framework that includes a grid system. If you can’t deactivate that, you can add the following into the custom css box located in the Salient options panel > general settings > css/script related tab:


#header-outer .col {
  flex-grow: initial;
}

Whoop awesome! Thanks A LOT, Phil. This was driving me crazy. Had to deactivate the plugin altogether since it was still messing stuff up with the custom css.

Thanks again.

Glad I could help :)

Hi, I would like to add a 2px border around the image hotspot circle, but when I do, the plus sign is no longer centered in the circle. Is there a CSS snippet that will fix the positioning? Thanks.

Hey,

To avoid having to write more CSS than necessary, you could use a box shadow instead:

.nectar_image_with_hotspots .nectar_hotspot {
    box-shadow: 0px 0px 0px 2px inset red;
}

Cheers

Thank you!

You’re welcome, caspixel :)

Hi, My client wants a one-page website built on Salient exported as simple HTML (no WP/database), yet keeping the responsiveness of the theme. How can I do this? Again, the website just has one page, so we need one single HTML. Thanks!

Hey apinzon!

You can view the source on any webpage by right clicking and selecting “view page source”. That HTML can then be copied as desired.

Cheers

Hi. I have 4% column padding on a column (shared experiences) on desktop but it wont use the mobile settings – used 20%. https://sirlowrysquare.devlabs.co.za/building-features/ Please advise

Hey tricks28,

This issue is related to the full width content row type and will be corrected in the next major release. To fix it now, add this into the custom css box located in the Salient options panel > general settings > css/script related tab:


@media only screen and (max-width: 690px) {
.full-width-content .wpb_column.padding-20-percent_phone > .vc_column-inner {
    padding: calc(690px * 0.20);
}
}

Hi there, on this website: https://esb.kleidi.nl/ I would like to have boxed lay-out, but is it possible to change the width of the outside space? Make it a little bit smaller f.e.? And is it possible to have the same space as on the sides to have that on the top as well? Above my menu. To see what I have in mind: https://ibb.co/9vx1pkS

Hey Abbenhues,

In the column settings, select your shadow from the “box shadow” dropdown and then add this into the custom css box located in the Salient options panel > general settings > css/script related tab:


.wpb_column > .vc_column-inner > .column-bg-overlay-wrap {
 transition: all 0.45s cubic-bezier(0.25, 1, 0.33, 1);
}
.wpb_column:not(:hover) > .vc_column-inner > .column-bg-overlay-wrap {
  box-shadow: none!important;
}

Yes, great solution! One last thing: Is it possible to add some more padding to the client caroussel between the logos? Same url: https://esb.kleidi.nl/

Hey Abbenhues,

.clients.carousel[data-additional_padding] > div {
  margin: 0 30px;
}
Hi! I have a little problem with the margins of a custom taxonomy page we created: https://www.altopiano.studio/project-type/art/

On mobile, the portfolio item has a little margin on the left and i cant’ figure out how to remove it to have all centered like on desktop view. Can you help me, please?

Hey altopianosrl,

Add this 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 .portfolio-wrap #portfolio {
    margin-left: -15px;
}
}

You’re welcome, altopianosrl :)

Hi, is there a way to reduce the file size or load time of iconsmind.ttf? When performing a get request for my site, I can see that it takes on average 4.02s just to get /salient/css/fonts/iconsmind.ttf. Thanks in advance! :)

That’s a good idea! I’ll try that out. Many thanks! :)

Wow! the difference is absolutely AMAZING! The site loads so quick now!

Glad that I could help mgmarceau :)

Is there any chance of proper Adobe Fonts integration in future updates? Love the theme and this would be a really useful feature.

Hey embassy_design,

I’ve noted your +1 for the idea on the wishlist :)

Cheers

Thank you! And thanks again for the awesome theme and support

I’m glad to hear you’ve been enjoying Salient, embassy_design :)

Hi ThemeNectar,

I would like to know how to unlock my licence on a website in order to install the theme on another website. Many thanks for you help.

Hey Supa_vadee, Salient doesn’t lock a license to one domain. You just simply need to own one license per domain you deploy the theme on to use it legally :)

Hey ofmarconi,

Can you please share the actual URL where you’re seeing that warning so that I can take a look?

Thanks,

Yes ;)

https://trendyvisuals.com/

I deleted the old folder and extracted the new version in the same place, but something seems to be wrong.

Thanks,

That warning info is coming from the jQuery migrate plugin active in your setup and shouldn’t show when it’s disabled. If you’re using the most up to date version of Salient and the Salient plugins, that plugin is not required.

hey guys, on the image with hotspots how can I replace the + or numbers with a custom text please? Thanks!

Hey titansdesign!

You could use the following CSS to achieve that: https://pastebin.com/L70amwEs

Cheers

Hello, it’s a great theme! I would like to know that if it is possible to enable blog slider touchable on desktop and mobile.

http://themenectar.com/demo/salient-blog-magazine/

Hey CresaDigital :)

There’s no option to make that slider use swipe based controls. However, one of the other recent post styles does have that functionality. The style is called “Slide multiple visible”.

Cheers

Hello. You know how to set the WPbakerie page builder by default instead of WP5x editor ? ok i see myself “Disable Gutenberg Editor”

Hey khampol-v,

I’m glad you found the option :)

Cheers

Having trouble with both the home page slider and nectar slider. I can add the nectar slider to the homepage but not in the top. It shows a blank line.

Hey TobiasMol,

Can you please share the URL in regards so that I can take a look?

Thanks,

http://heartroads.com/

At the moment i have added a regular header picture in the page itself.

Hey,

I would need to be able to see the issue you’re referring to in order to assist. Can you either create a test URL that shows the issue or kindly reach out via the contact form on my author page with a temporary admin account? https://themeforest.net/user/themenectar

Hi,

Is it possible to add product to cart without reload page in WooCommerce?

Thanks

Hey Jabbarpour,

By default, WooCommerce only provides that functionality for the shop archive pages. The single product pages do not have that functionality – though it’s likely something Salient will be extending in the coming release :)

Is there a simple solution to get this effect with the line borders?

https://share.getcloudapp.com/NQu1wwmE

Hey muntzdesigns,

There’s no built-in option for that. The issue with that is that CSS would be needed to alter the borders on mobile to keep the grid without doubling up. If you can share the page URL where you’re trying to add that, I can provide an example.

Cheers

Hi, I’d like to define an additional column setup for one page for when there’s a very small cellphone being used. As context, we want a 1-column setup for almost all smartphones, but if someone is logging in from a small smartphone (think iPhone 4-5), I’d like to go to 1 column. How can I accomplish this? I just need to to this with a couple of rows. Thanks!

Hey apinzon,

The responsive options in the page builder only allow you to define a column layout for < 690px. If you want to create new rules for a smaller size e.g. < 400px, it would require custom CSS. If you can share the URL and let me know which rows, I can provide an example snippet :)

Hi guys! How can I assign a class or ID to a horizontal list item, Or even to a column of an horizontal list item? I’m trying to make somehow a table, and for one of the columns, I need to change de style when the text says “pending”... I would like it to just “know” what the text says, and applied the style, but I would think this might take lots of work. So instead, I’m trying to add a class to those columns that says “pending’, but can not find a way either. Help please. Thanks!

Hey PriR,

As of now, there’s no class field for the individual horizontal list item element. You could still target them separately by using the nth-child selector on the parent. For example, if the list items are all in the same column, you could use:

.wpb_wrapper > .nectar-hor-list-item:nth-child(3) {
  opacity: 0.5;
}

Hi ThemeNectar, thanks for your response. Yes, that’s what i’m doing in the meantime, but the problem is that there are some ‘pending’ and some ‘paid’ fields on the same column. The ‘pending’ ones are the ones that I need to give a different style (red).

Hey PriR, you could always use a second nth-child selector to then target the inner columns in the same fashion. e.g.

.wpb_wrapper > .nectar-hor-list-item:nth-child(3) > div:nth-child(2) {   opacity: 0.5; }

However, if your use case would become too complicated for that, another option would be to override the horizontal list item template file in your child theme to code some custom logic: http://themenectar.com/docs/salient/overriding-salient-wpbakery-element-template-files-through-a-child-theme/

Cheers

Hello, how can I add sharing post with whatsup and RSS?

Hey TWINYOURBUSINESS,

There’s no built-in option to add those to the social sharing buttons which appear on posts. You can however add them into the header/footer via the theme options. In the Salient options > header navigation > layout related tab, use the option titled “Enable Social Icons” and select those two. You can then add the destination URL into the Salient options panel > social media tab.

Cheers

If you turn off the page full screen rows function on mobile, it will be released based on 768px. I want to release it based on a tablet of about 1024px. How can I do it?

Hey syw110,

The current logic is not based on a screen size but rather the user agent which a device sends. Starting with iPadOS 13, iPads simulate a desktop user agent for a full desktop experience and thus the full page rows still trigger.

It’s an item on the to-do list to include a possible workaround for this, but it’s Apple’s own intention to recreate the desktop experience 100%.

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