Hey DannysVibe!

In the image gallery element, when selecting “image grid” for the style, there are options for the “Item Spacing”,  ”Layout” etc. Take a look through the docs here in regards to the masonry sizing and an example on how to configure it: http://themenectar.com/docs/salient/galleries/#imagegrid

Cheers

Hey CAPBCN, do you have a child theme active with any modifications to the cart/checkout? Have you also attempted to deactivate any third party plugins that you have active besides the ones which Salient includes and WooCommerce? If so, please reach out via the contact form on my author page https://themeforest.net/user/themenectar

Hey FeriaPixel, it looks like the current icons are being used. If you’re trying to remove that and the text to provide a custom image based logo, you can add this into the custom CSS box in the Salient options panel:

.sharing-default-minimal .nectar-social-inner > a i,
.sharing-default-minimal .nectar-social-inner > a span {
  opacity: 0!important;
}

.sharing-default-minimal .nectar-social-inner > a.facebook-share {
  background-image: url('YOUR-IMG.jpg');
  background-size: cover;
}

.sharing-default-minimal .nectar-social-inner > a.linkedin-share {
 background-image: url('YOUR-IMG.jpg');
  background-size: cover;
}

it didn´t work

Hey FeriaPixel, I just copied the same CSS locally to verify that it should. It looks like it’s not parsing in your setup when checking the developer tools, as if there are some unknown characters. Please open a ticket on our support forum in regards with temporary admin credentials so we can take a closer look into this: https://themenectar.ticksy.com

Thanks in advance

I have a work around for it!

ands thanks!

Glad to hear, brianlichty

Cheers

Hey FlorenciaBallesteros,

Unfortunately as of now the css position sticky will not work by default in Salient. This is because that property will only take effect is no parent or ancestor elements in the DOM are making use of the overflow property. Salient makes use of that further up the DOM tree in a couple of places. I’ve noted your +1 for the idea to provide a workaround. https://uxdesign.cc/position-stuck-96c9f55d9526

Cheers

Hey blazoneer!

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

}
body .post-area.featured_img_left.span_12 article {
    margin-bottom: 8px;
}

Hey titansdesign,

You can make a nectar button element trigger a lightbox for an image link by adding the class name “pp” on the button. However, it’s not possible from a button alone to also specify a lightbox description without some custom modding.

thank you. are you able to provide some more info on the modding?

Hey titansdesign, You would need to manually create a link like so: https://pastebin.com/9WGgXpBg

Hey alphastudiosNL,

Cheers

Hey titansdesign,

in the slide that you’ve shared, there’s no caption text. The CSS was only meant to target that and not a heading. You can actually control the width of your slide content without the use of CSS by making use of the option titled “Slide Content Desktop Width” when editing each slide.

got it, thanks

You’re welcome titansdesign

Hey astutestudio, As of now there’s no option for this. However, I’ve noted to add it in for the next release

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

.woocommerce div.product div.images .zoomImg {
    display: none!important;
}

Hey selassie75,

that section has been added into the Salient Studio template library: https://ibb.co/kQ2nqK8

If you’re not seeing that, ensure that your Salient core plugin is up to date (v1.6)

Cheers

oh… i’m 1.4 thanks a lot, great theme…

Glad I could help selassie75

Hey DannysVibe,

Yes – refunds can be requested here: https://themeforest.net/refund_requests/new

Cheers

Hey PeterHoppe!

There’s no built-in integration for Lottie, though I’ve added your +1 for the idea

It looks like that plugin should be compatible for the meantime.

Cheers

Great. Thanks!

You’re welcome, PeterHoppe

Hey BradleyGrif, I tried to reach out via email earlier to you in regards.

When uploading a video as a video background for a row, it must be uploaded in a normal 16:9 aspect ratio for the JS calculations to work correctly. The cropping for the video to fully cover all varying aspect ratios on mobile will be handled automatically.

It seems in your case, you were trying to upload a separate pre-cropped version – using a video in a different aspect ratio will result in the empty areas you’re seeing. You can still use the technique Tahir mentioned of CSS classes to hide/show different rows for mobile and desktop if you wish to provide a different video source for different viewports. However, each video source still needs to be in 16:9.

Can you please upload one in that ratio and provide a screenshot showing how it’s cropping incorrectly for you on mobile so that I can assist?

Hey djinanna,

It looks like you have some custom padding (25px) set on select elements via your child theme. This is the snippet in question:

select {
    padding: 25px!important;
    margin-bottom: 15px;
    color: #00ccff;
    font-size: 14px;
    line-height: 22px;
}

If you remove that padding rule, it should make the heights all uniform.

Hey adiojack, The issue is similar to the last video plugin – the logic that Salient adds by default to turn iframe embeds into a 16:9 aspect ratio will conflict with third party video plugins in the WooCommerce single gallery.

I’ve already added the fix for this into the current beta – if you’d like early access before the official release, please reach out via the contact form on my author page https://themeforest.net/user/themenectar

Okay, I’ve sent a message there. Awaiting your response.

Hi, awaiting your response. Please don’t make me wait 24 hours to get this. We’ve already missed our deadline of Tuesday to launch this.

Hey H2K22,

I answered you via email earlier today

Cheers

Hey AlexanderMJ,

The files for the markup on that blog style are located at salient/partials/blog/styles/masonry-auto-meta-overlaid-spaced/ To modify the files in a child, ensure you also copy that folder structure.

Glad to hear tinaaa071

You can adjust the size and spacing with the following:

.woocommerce ul.products li.product.classic .onsale {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    font-size: 16px;
    min-height: 0!important;
}

Thank you.

Can I also change the text of the button? I want to show other words.

Hey tinaaa071,

You would need to use another WooCommerce filter in your child theme funcitons.php:

add_filter('woocommerce_sale_flash', 'woocommerce_custom_sale_text', 10, 3);

function woocommerce_custom_sale_text($text, $post, $_product)
{
    return '<span class="onsale">PUT YOUR TEXT</span>';
}