Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Cart 170,190 sales
Recently Updated
Well Documented

ThemeNectar supports this item

Supported

38437 comments found.

Hi there,

Long term, multi-licence user, keep up the great work :)

On one site we use transparent headers, but have normal rows at the top of our pages, so have to have the option on each page to force transparency.

This worked great in that it would be transparent for desktop, but not transparent for mobile.

However, since updating to 10.5.3, it forces the transparency on mobile as well, which we don’t want.

Is there any way in 10.5.3 to have it the ‘old’ way so that transparency is only forced on desktop?

Many thanks for your time :)

Hey Phacin8!

There’s no option to disable it yet – the idea to keep the desktop consistent with mobile in styling has been a long top requested item. I’ve noted your +1 for the idea to remove it. Could you kindly also share the URL so I can take a look why it’s not looking good on your page for reference?

Cheers

Hi!

We use salient for webshop. When you hover a product when viewing this page: www.larsen.wf/produkter

The product hover triggers and it show “Add to cart” and “Quick view”

Like on this section etc: https://www.larsen.wf/wp-content/uploads/2019/06/Udklip.png

Is it possible to make it “stop zooming in” ? On mobile it doesnt work properly and overall it just takes performance

Looking forward hearing from you!

Hey longkilos! Since the hover event is bound with javascript, you’ll need to make a modification to the salient/js/init.js. The function which does the binding is called “minimalProductHover”

Cheers

Thanks for the reply! How do i change that exactly? And will it only remove it for when on mobile. On desktop it works fine.

Hey longkilos,

You would need to create logic within the mouseover and mouseleave functions to prevent action when the window width is below a certain amount. Unfortunately I can’t provide the full modified code here as it is out of the scope of regular support

Hello Team,

I’ve downloaded v10.5.3 on my localhost for one of my client website development, I’ve also installed all the plugins including “Salient Demo Importer” even though it’s not showing one-click demo importer, As of now I’ve imported content manually.

Do you have any solution?

It was conflicting with “WP Mail Logs” plugin

Hey princebhalani143, thanks for letting me know. It looks like that plugin is also using redux framework for the plugin options – i’ll take a closer look into the conflict.

Salient gallery module single (selected) image options. There are two fields in the lower section – Image URL and Masonry Sizing. Where can I translate >> the contents << of Image URL field with WPML plugin? I want ot translate all the gallery links (http:// adresses to be different in both language versions of the website)

Things I tried: 1. Translate gallery module via Translation Manager but it is not visible there.

2. Translate gallery module manually (hardcode) via changing page language in top bar – I can edit gallery module link targets but when saved both language version links are updated – PL & EN so there I have EN links on PL Page.

3. Settings -> Translate Link Targets. Scanning results are empty, nothing translate-worthy can be found.

4. Sticky Links. Tried scanning all posts, nothing found.

5. Check nectar_image_gal_url field as translatable in WPML settings – nothing changes. I still don’t have Image URL fields in Translator Editor or enywhere else

WPML support suggested that it’s a compatibility issue with the Theme.

Hey P1X3L0V4, I reached out to the WPML dev team in regards. I’ll update you when they respond.

Cheers

Hello, I have updated the theme but now all the elements of the site look bigger, before the menu fonts were smaller and in general everything was smaller, why this happen here’s my site www.sunset-soul.com

Hey Grenkox, the default menu font size was increased to 14px, but you can still set it to be whatever size you need in the Salient options panel > typography > navigation & page header tab.

When you say elements, are you referring to the page bod/heading text size or actual elements such as images/carousels etc.?

can I use Salient – Responsive Multi-Purpose Theme to create website like this https://www.cic-totalcare.com/ I think this website is built by Salient theme, and with mulit languages ? Thanks

Hey zhaoshuilin, that site is using Salient, but they’ve done some style modifications to the header through custom development.

Hello, Can an image be used in place of the project accent color in the portfolio? thanks

Hey msurma00, yes – any featured image that you upload for a project will display in the project grid. If you’re not seeing your featured image, please share the URL in regards so I can take a look.

Thanks in advance

When I hover on the featured image instead of just a basic color I was wondering if I can use an image? https://mikesurmadesign.com/ on the home page under recent projects I want to use an image on the hover instead of the black color it currently has..Thanks

Hey msurma00, unfrotuantely there’s no option to define a secondary image for each project, however you could remove the hover color overlay with some simple CSS. Let me know if you would like a snippet for that.

hi! how to remove the description on the blog posts?

Hey dimage, for the Masonry Material style, you’ll need to use this instead:

.article-content-wrap .excerpt { display: none; }

thanks like all ways, best support team in themeforest ;)

Glad I could help dimage :)

I have a row on my page that uses the “recent posts” element. The style is set to minimal. This element includes a way to remove the author, date, coment number, and love button but not a means to hide the category. How can I hide the category for this element?

Hey runni1,

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


.blog-recent[data-style="minimal"] .meta { display: none; }

Cheers

I am having trouble with the fancy box shadow, the shadow is not displaying on safari. https://www.aimeewillowdesigns.co.uk/home-2/

Hey MarcGarner, the box shadow is intentionally not rendered in Safari since it will struggle performance-wise more than Chrome/Firefox etc. You can add it in with the following CSS:

.parallaxImg .parallaxImg-layers > div:first-child { transition: box-shadow 0.3s ease; } .parallaxImg.over .parallaxImg-layers > div:first-child { box-shadow: 0 35px 100px rgba(0,0,0,0.2), 0 16px 40px rgba(0,0,0,0.2); } .parallaxImg-shadow { display: none!important; }

Cheers

Hi! Even though I’ve checked the box of ‘equal height’ apparantly on this page http://nieuw.finestri.nl/home/ the 4 boxes (HRM, Internationaal etc) have some white space on bigger screens. See screenshot: https://ibb.co/27vT5F7

Is this solvable?

Thanks in advance.

Hey Abbenhues,

the equal height option will only effect the column itself rather than the elements inside of them. If you wish to make the fancy box elements all the same height, you’ll need to set the same “Min height” for each one when editing the elements (e.g. 475)

Cheers

Hi! My website crops images in a weird way on mobile..how can i fix it? Thanks

Hey aezakmi,

can you kindly provide your URL so I can take a look?

Thanks

Good day and thank you for all you amazing help. Please how can i change the footer social icons to be the ones with circles around them?

Good day and thank you for all you amazing help. Please how can i change the footer social icons to be the ones with circles around them?

Also my woocommerce category images and clashing together for some items, please take a look http://ceejaycharles.com/ud/ourmenu/ how can i fix this?

Hey TruBrotha,

1. The circle outline for the social icons only will appear when using the 1 column footer option. To add that without changing your layout, add this into the custom css box located in the Salient options panel > general settings > css/script related tab:


#footer-outer #copyright li a {
    border: 2px solid rgba(255,255,255,0.4);
    height: 42px;
    width: 42px;
    text-align: center;
    line-height: 42px;
    border-radius: 50px;
    transition: all 0.2s ease;
}
#footer-outer #copyright li a:hover {
  border: 2px solid rgba(255,255,255,1);
}

2. Could you provide a screenshot showing what you’re seeing? https://ibb.co/PWVb0Rb

Thanks in advance

Hey there! I’m using the Off canvas menu as my main menu and noticed that the navigation gets set to display none inline under 1000px leaving me without any menu.

Any ideas are greatly appreciated!

Thanks collier_creative,

Your main stylesheet is loading “Version: 10.0.4” – since you’re on 10.5.3 of the theme, you’ll need the current styles in order to not run into random conflicts such as this. Are you dequeuing the parent style via a child theme? If so, this would need to be changed. Thew core Salient styles are now located at salient/css/style.css – your version seems to be loading salient/style.css

Cheers

oh! thank you… I recently updated the theme so maybe one of the files didn’t transfer over correctly?

Hey collier_creative, it’s definitely possible. Have you tried to do a clean install again yet?

Hi Nectar, hope you’re doing well. I’m using the nectar slider here: https://www.askherb.info/whywholeherbs/ ...And I love the way it looks & functions EXCEPT when viewed on mobile in portrait mode. I would expect it to show the full width of my slides (created at 1920×1080)... It looks great on mobile landscape, and on desktop, but i wish it wasn’t cropping things in mobile portrait. I’ve experimented with (i think) all combinations of settings (row settings & nectar slider settings), trying to alleviate this issue, but have not found a solution. Any idea? Thanks so much for your time!

Hey WishGarden :)

Because you have the fullscreen option selected, various parts of the images will indeed get cropped depending on the aspect ratio of the screen viewed the slider is viewed on. If you would prefer to not have you images crop, you can disable the fullscreen option and instead just make use of the “Flexible slider height” option. With that enabled, I would suggest starting with a “slider height” around 750 and adjusting from there depending on you preferences.

Cheers

Hi,

I see your theme has “team members” input.

Can I add custom fields with “advanced custom fields” plugin, and then show all team members with clickable markers on a map ?

Is there such a map marker plugin which is compatibel with your theme ? So that when I click on a marker, I get a popup with the photo, image and description of the “team member”, and when I click on the name, I go to the member page.

thanks !!

Hey janice_summer,

Unfortunately this would not be possible without some custom development

Is it possible to display the account login icon in the header only on mobile?

Hey MarcGarner,

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


#header-outer #top #nectar-user-account {
    display: none;
}

Salient gallery module single (selected) image options. There are two fields in the lower section – Image URL and Masonry Sizing. Where can I translate “Image URL” field with WPML plugin?

Hey P1X3L0V4,

No worries, have you tried to reach out to WPML support in regards? They ensured compatibility with Salient last year so I’m sure they could assist.

Cheers

I did reach out yesterday. They replied that it’s the compatibility issue with the Theme, that they did not found a solution or even a temporary fix and they forwarded this issue to Theme Creators. Can You please look into it?

Hey P1X3L0V4, please see my response on your other comment in regards.

Thanks

Hello, this theme is awsome! Great job. I have one question: I activate the FULL ROW option. If I scroll to the next “page/row” the computer go automaticly to the frist row. If i click the right navigation toggle it is ok. but with the mouse wheel i have the problem. have you a solution for me?

edit: I have test with more pages/rows. and the mousewheel do not work. the navigation is very confuse. i need a solution :)

Hey medienkueche, since this is not a known issue have you verified this is occurring on more than one machine? Can you let me know what you’re using to see this happen as well? e.g. a Laptop or desktop and also what OS/Browser version? I assume you can see the same thing occurring on the demo as well? http://themenectar.com/demo/salient-app

Thanks in advance

Hi ThemeNectar,

I’d like to make an image grid with hover shadow effect, like the ‘Boxed Style’ offers. However, when I place a ‘Single Image’ into a column with Boxed Style, it adds the hover effect which is good, but also adds padding around my image which is undesirable.

Alternatively if I set the image as the Background Image of the column, there is no padding which is great, but now the ‘Boxed Style’ option disappears, so I can’t enable the hover effect.

Can you please let me know is there a way to achieve this?

Thanks in advance.

Hey marklovin,

You can use the following CSS to remove the column padding when using a boxed column to allow the inner single image to work as you desire


body .col.boxed, body .wpb_column.boxed {
 padding: 0;
}

Cheers

Thanks for that. This works at eliminating the top and bottom padding but the left and right padding remains. Any suggestions how I might eliminate them too?

Thanks.

Hey marklovin,

Try changing it to the following:

body .col.boxed, body .wpb_column.boxed {
 padding: 0!important;
}

If that doesn’t work, please share the URL in regards

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