Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Cart 170,296 sales
Recently Updated
Well Documented

ThemeNectar supports this item

Supported

38443 comments found.

Hello, Is there any way of changing the dimensions of the hotspot panel? I’d like to make it wider as there is quite a bit of content in it?

Also, the content in the panel gets chopped off when it is on mobile, is there a way of making the text responsive?

Thanks!

Hey llacampbell,

add this into the custom css box in your Salient options panel:


.nectar_image_with_hotspots .nectar_hotspot_wrap .nttip {
    max-width: 400px;
}

@media only screen and (max-width: 690px) {
   body .nectar_image_with_hotspots p {
      font-size: 12px; 
      line-height: 18px;
   }
}

Cheers

Hi I am using this amazing theme, but I am still having a few bugs with the responsive design, in mobile view (iPad, iPhone, Android etc.) and on all browsers.

To view the issues listed below here is a link to the live website I have created: http://terracritica.net/

1. I am still having problems sorting my mobile nav header. In mobile responsive (both iPad and iPhone) I cannot see the menu (neither normal or with a hamburger icon). I can only see the logo in the left hand corner. I am at a loss for what to do here.

2. In mobile Nectar Slides in the Image Banners of all the pages, the text overlaps the background images. I have formatted the text for Desktop and Laptop so that the text is left aligned and breaks before any image on the right side of frame. I need to be able to replicate this in Mobile. It would also be great here to make the Nectar Slide Banners longer.

Thank you very much for your help in advance!

Hey designish!

1. I’m seeing the following custom css that’s being added which is causing the issue:

html body #header-outer {
    min-width: 1000px!important;
}
Once you remove that, the issue will go away

2. When editing the slider in the page builder, you have the option to set a “Minimum Slider Height” and there’s also a tab at the top of the settings for “Mobile text sizing override”. You should be able to handle this by using the two settings :)

Cheers

Thank you so much!

You’re very welcome designish :)

Hi, when I try to open the row edition, It hangs with the animation and I can’t access to the options.

Hey aolcas,

Are you using the latest version of the Salient WPBakery page builder (5.4.7)? If so and you’ve ruled any any third party plugins from causing the issue, could you please open a ticket in regards with your admin credentials so we can take a further look into this? https://themenectar.ticksy.com

Cheers

Can I support Chinese language packs? I am from China and are considering buying.

Hey wuyanvip, Salient is translation ready and also offers all the current Google Fonts with any subset offered – you can check the list here to see if what you need is available: https://fonts.google.com/ :)

Hello, How can I edit the submit button style for the contact form? I know there is a select in salient options/form styling but none of the style options there is what I need. I would like a jumbo size button, see trough solid on hover, white color override, white hover bg color and hover text color. Now I have this contact form on www.clarinada.tv with a predefined button but I would like to have it like te “purchase salient” button.

Hey nachitovidal,

This would require custom css – add this into the custom css box in your Salient options panel:


.container-wrap .span_12.light .wpcf7 input[type="submit"] {
     background-color: transparent;
     border: 2px solid #fff;
}

.container-wrap .span_12.light .wpcf7 input[type="submit"]:hover {
  background-color: #fff!important;
  color: #000;
  opacity: 1!important;
}

Cheers

Perfect! Thank you!

You’re welcome nachitovidal :)

Hi, Love the theme!

How to create this type of header with menu? https://cloud.mail.ru/public/9RbK/XL6uiuuhB

Thank you!

Hey redPoint_almaty!

As of now this would require some custom development but here’s some simple css to get you started :) add this into the custom css box in your Salient options panel:


.sf-menu { position: relative; }
.sf-menu:before {
    background-color: #075aff;
    display: block;
    position: absolute;
    content: '';
    top: 0%;
    left: 0;
    width: 100%;
    height: 30px;
}

Cheers :)

One final question! On mobile I have a parallax scroll on my homepage but the icon to scroll with is literally invisible unless someone accidentally hits it the icon will appear and scroll where can i make it permantly visible? & is the opacity lowered or something. Also it isn’t visible on my desktop version. Just phone when you find it. Website: Vaveili.com

Hey Vaveili,

add this into the custom css box in your Salient options panel:


html body[data-button-style^="rounded"] .section-down-arrow.hidden { opacity: 1; }

Cheers

hello there. im still having a problem with my header not being flush on the top. need some help pls! i’ve emailed but haven’t heard back from anyone, which is unusual. http://universalpartnership.org thx in advance.

Hey rooster47, I’m now seeing that it is indeed flush https://imgur.com/a/paWeU – if you’ve already cleared your cache and are still not seeing it like that, can you please provide me

with a screenshot of your end?

Thanks

hey there. yes, it did work. for some reason, while im logged into wordpress, this particular fix does not show up. weird. thank you!!!!

You’re welcome rooster47 :)

Hey there,

I found this CSS code for replacing the header logo with text:

header#top #logo.no-image { font-family: ‘Roboto’, cursive; font-size: 25px; color: #f7921e !important; }

But while the image is removed, I’m not able to change the font to any of the Google fonts you have included with the theme – it just stays the same. Any ideas?

Hey barnmonster,

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

Cheers

I cannot seem to get the theme to work with this Notification Bar plugin: https://wordpress.org/plugins/wp-notification-bars/ It keeps covering the stick menu instead of appearing on top. Any suggestions? Or do you have any type of other plugins that have notifications on top for Salient? Thanks.

add this into the custom css box in your Salient options panel and adjust the value as needed:


#header-outer:not(.small-nav) {
  top: 30px!important;
} 

Did not work

Hey roye209, I’m not seeing that added to your site current but i’ve just tested that exact snippet into your site via the browser inspector and can see it moving the header down 30px when at the top before scrolling as expected. If you’re not seeing it take effect on your end, could you please open a ticket in regards with your admin credentials so we can take a further look into this? https://themenectar.ticksy.com

So the next question will be .. Can you enable the search icon in mobile view? So it will be placed next to the hamburger menu?

Greetings Martin

Hey Martin,

Yes you can, the new “material” skin offers this – take a look at this demo: http://themenectar.com/demo/salient-blog-magazine/

Cheers

Hi. I’m trying to find out where I can replace the “START TYPING …” phrase in the header search form. Have checked around a bit in the files but can not find it. :)

Greetings Martin

Found it. ;)

"includes\header-search.php"

Glad to hear Martin :)

Hi. How do I get my woocommerce product list to display the short description under each product so that my product listing pages have text and not just images? Also, how do I get 4 products per row instead of just 3?

Hey trocity,

1. This modification would require the use of WooCommerce filters and isn’t a mod related directly to Salient

2. When using the default layout (no sidebar) your products should display in 4 cols, are you trying to get 4 cols with the sidebar enabled?

Cheers

1 – My current theme has no problem displaying the product short description without the use of WooCommerce filters. Why can’t yours?

2 – I haven’t tried the sidebar yet. Can’t configure that during preview so it has to wait until I’ve set Salient to active – which I can’t do till point 1 is fixed.

Your theme is adding the additional code to have that display then, as mentioned this is not default functionality of WooCommerce. WooCommerce will only output the product name/price – the short description text is never called: https://code.tutsplus.com/tutorials/woocommerce-adding-the-product-short-description-to-archive-pages--cms-25435

Hello there. If I purchase this theme, am I able to use it for multiple websites, or is the license only good for one site. Thanks!

Hey cellbogen,

All themes sold on Envato allow the use on one domain per license

Cheers

Guys! How to add a shadow to sticky header?

Oh im just blind. I found it.. ;’(

Hey esqu1red, glad to hear you found it :)

Hey guys,

sorry but can anyone of you here point me in the right direction why my page load is so slow? roughly at around 9-12s to load the full page when checking on www.gtmetrix.com ( -> my website is www.utopiacrystals.com)

IMO everything should be pretty smooth – caching enabled, all images resized, scripts optimized… maybe it’s my server-host’s fault and I need to change that which would be quite an effort without being sure about it… :( could someone here with an expert eye do me the favor and have a quick look on the report by any chance? :)))

All the best from Cape Town!

Nadia

Hey Nadia,

1. You can use minfication to reduce the number of requests you’re making – the JS and CSS are currently not minified/combined on your setup and are all still lodaing separately. 2. You need to tell your hosting company to enable “keep-alive” https://gtmetrix.com/enable-keep-alive.html

Cheers

Hellooooo :))

any idea why any changes in my woocommerce regarding image sizes don’t have any effect at all – except for making the images blurry (even if I run an autoresize over it, after) ? For example my product image on the single product page stays always in the same dimensions (roughly around 520×780px) I’d like to have it at a smaller width, maybe at around 420px…

is there a css code that I can use to change that?

Best!! :)

Nadia

Hey Nadia,

You would need to adjust the column width that’s holding that image in order to see it altered how you want. add this into the custom css box in your Salient options panel:


.single-product .container-wrap .span_5 {
    width: 30.5%;
}

Cheers :)

Hi there, with the Salient theme, are you able to have both a blog section (which opens posts on a different page) and also, as in the Classic One Page Demo, the ‘work’ section (which displays as a lightbox). I’m trying to achieve something similar so we can have both parts on a home page but don’t want to buy the theme if this isn’t possible.

Hey Mercer_Design,

Yes you could. Using the page builder, you could add both a regular blog element and a portfolio element set to lightbox only. If you want those sections to be able to be navigation to by anchor links, you could set them up as so (check the video tutorial in the docs here)

http://themenectar.com/docs/salient/theme-options/general-settings/#functionality

Cheers

Hi, am using version 8.5.4, is it safe to update woocommerce 3.3.4?

Hey astutestudio,

The current version (8.5.5) is fully compatible with 3.3.4

Cheers

Hi! I’d love to know which page template (within Salient) is used for your demo homepage – http://themenectar.com/demo/salient-promo/.

Would you care to share with us? Thanks

please ignore this comment.

Hey lincperth, glad you found what you were looking for :)

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