Hey dzineee, It looks like the file might have been missed during minification on our end. I’ve made a note to look into it. For multiple or technical queries, please use the support forum, as this comment section is not intended for in-depth support.

Kind regards

Hey Romanesco,

We’ve noted that network

Kind regards

wabodigital.com

Hey bupelive,

The single blog post will automatically get the transparent effect when a featured image is provided for the post. You will need to use any of the other Blog Header Types though, as the one you’re using does not place the featured image in the header and thus avoids the transparent effect. (Salient options > blog > single post header tab)

Thanks in advance

Hey teejay1992,

There’s no built-in functionality for that. You would need to use a plugin to achieve that.

Kind regards

Hey dimage,

1. You can make that change by adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:

#header-outer #top  .menu-item > a:before {
  border: none;
}

2.

.woocommerce div.product div.images img {
    border-radius: 10px;
}

3. That would require more CSS than we can quickly provide here.

Kind regards

thanks for your help

You’re welcome, dimage

Hey Eluvial,

I’ve noted your +1 for the idea to allow custom header images on the project taxonomies.

Kind regards

I’ve already tried changing all the options including parallax and unfortunately the same issue remains

Hi again, I’ve noticed this jerky issue is also on desktop too.

Hey tstanbur,

Here are some quick screen recordings from desktop and mobile on our end.

If you would like to follow up on the support forum with specific device/browser/version information, that would be helpful.

Hey dzineee, the skip-lazy class is added to prevent other plugins in WordPress, such as Jetpack and W3 Total Cache, from lazy loading the same image, thereby avoiding double lazy loading.

Amazing, thank you, that clarifies. So if I understand that correctly the ONLY way to lazyload is using your option? If you do NOT choose Salient Lazyload, but you do choose W3, it would still not lazyload as W3 would skip this based on your code?

I figured that the Salient Lazyload would clash with W3 lazyload, and therefore by default disable the Salient option and activate the W3. But I think this will prevent W3 from lazyloading?

p.s. we use Litespeed and not w3, but the same principle applies.

If you opt to use a third-party lazy loading solution, it will likely not work as well as the native approach, as we take into consideration our own element set and the implications that lazy loading can have on element initialized, animations etc. However, you can always use the following filter in your child to remove the skip-lazy class name globally: https://pastebin.com/MLpsjH6f

Hey dzineee, the related products will pull from the defined image size in the WP customizer > WooCommerce > Product Images > “Thumbnail width”. We don’t modify the thumbnail sizing of the default WooCommerce thumbnails, so that would require a child theme change or you can switch to one of the Salient-specific product gallery types.

Kind regards

My point is that the demo site itself has this page speed warning, is there not a better way to optimize these images? Or is this standard practice and simply no better way t optimize the images in these kind of settings?

We have chosen to specify a size for higher-resolution images in that product demo. The resolution can be adjusted within the WooCommerce settings, depending on your preference for balancing image quality.

However, regarding your original question about the gallery slider thumbnails, there is no native option to change their size. It would require either a modification from your child theme or switching to one of the other gallery types where Salient controls the sizing.

Hey hlasoft, Salient already provides those versions of the WooCommerce templates and no warning should be displayed when using a current release of Salient. Are you sure that you’re on v17.0.3 of the theme?

Kind regards

Hey raffess,

The stacked portfolio layout enables sticky positioning on mobile to achieve the desired effect, and it also includes `touch-action: pan-y` on the body to prevent horizontal scrolling. This is likely preventing the zooming. I’ve made a note to investigate further for a future release, but for now you would need to override the touch-action via CSS.

Hey mhstanton81,

Salient does not offer a carousel element for projects that provides multiple rows; all items will display in a single row by default. Modifying this would require custom development in a child theme, as it would involve creating a custom structure and configuration for the carousel to function properly.

Kind regards

Hey apinzon,

We’re waiting for the following version when they address the negative impact that their new color picker has caused for users. You can see more about that in their comments, but they have removed the option to remove a color once it’s selected.

Kind regards

Hey vinvalentino, That option exists on the individual page settings in the Page Full Screen Row meta box: https://ibb.co/tJQYTn9

Kind regards

Interesting, I don’t see options like that. This is what I see. Only on or off. https://www.dropbox.com/scl/fi/xnhak8fyhoofwo8yonaz3/Screenshot-2024-10-10-at-12.36.22-AM.png?rlkey=cmgyautxuyrqevi1r9uv9svg6&dl=0

Hey vinvalentino,

Since there’s no known issue which would hide the option set, I would need to take a look at the backend to see why the options are not rendering for you. Feel free to open a ticket on the support forum so that we can follow up.

Kind regards

Hey thomasmkl,

1. If you upload an image as the background to your column and do not select “Scale Background Image To Column”, it should repeat the image, even when the option to parallax is enabled.

2. Toggle Panels can only be added to columns, and not inner (nested) columns.

Kind regards

thank you, and then how do I make it do the basic parallax when adding it to the column? It only does this multi layer option, and when I check the parallax box in the middle options it doesn’t work unless I add the background there

Hey thomasmkl,

The columns do not offer any options related to ‘multi-layer,’ so I’m not sure what you’re referring to. The row elements do offer a mouse parallax effect that uses multiple layers, but that’s not an option for columns.

To add a parallax background to columns, you would edit your column and add your background image: https://ibb.co/r0pPTG9

Then switch into the animation tab and enable the parallax scrolling option: https://ibb.co/Y3pGSX1

Kind regards

Hey MAJMonaco,

You can make that change by adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab https://pastebin.com/fNM5Xmsk

Cheers

Hey dimage,

Here’s a CSS snippet you can use the alter the height: https://pastebin.com/xp1xvi8v

Kind regards

thanks!

You’re welcome, dimage

Hey cudedesign, you could create a horizontal scrolling layout for mobile by adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:

@media only screen and (max-width: 1000px) {
.wpb_content_element .tabbed .wpb_tabs_nav {
    display: flex;
    overflow-x: scroll;
    margin-bottom: 20px;
}
}

Kind regards

That looks terrible.

Hey cudedesign, It looks like you’ve removed the snippet, so I can’t see what you did. However, it should have created a layout similar to your screenshot, just without the arrow navigation.

Regardless, I’ve noted your feature request.

Kind regards

Hey xakbox,

You can use the “Portfolio” or newer “Post Loop Builder” page builder element. The design/customization options for the display will be contained with page builder element settings – the theme option settings are mostly related to the archive templates. i.e. the automatically generated pages for the post type from WordPress.

Kind regards

.cell { touch-action: pan-x !important; /* Prioritizes horizontal swipe on the slider */ }

But when using this line pan-y kinda glitchy until you touch next row.

Hey raffess, here’s a screen recording of that page on iOS from my end