Hey martinlatal_,

Salient is currently only tested up to PHP 8.1, but we will be adding support for 8.2 in the near future! WP 6.1 has only added beta support for PHP 8.2 rather than full support so you still may run into warnings from the core when switching to 8.2

Kind regards

Hey Justinasmi,

That field is intended to receive a registered WordPress image name e.g. “small”, “medium” etc. If you wish to provide a custom px size, you can use the “Custom max width” option lower down in the image settings: https://ibb.co/82FcbcC

Please use the support forum in the future when posting multiple questions: https://themenectar.ticksy.com/

Thanks in advance

Works like a charm! Felling dumb right now that didnt thinked about max-width parameter, doh Thanks

You’re welcome, Justinasmi

Hey Justinasmi,

You could swap the search icon for a custom one by adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:

#header-outer .icon-salient-search:before {
  visibility: hidden;
}
#header-outer .icon-salient-search {
  background-image: url(YOUR-ICON.png);
  background-size: cover;
  background-position: center;
}

If you wanted to instead use a Lottie element, you would need to modify the function (nectar_header_button_items) which outputs the markup for that button via your child theme. The file which contains that function is wp-content/themes/salient/nectar/helpers/header.php

Kind regards

Thanks, will work on your suggestions. However, would be nice to have css for search to show the original size of the icon i chosed, because right now the new icon looks a bit blury. However, will see maybe will hande myself

Hey Justinasmi,

You could alter the snippet to be:

#header-outer .icon-salient-search:before {
  visibility: hidden;
}
#header-outer .icon-salient-search {
  background-image: url(YOUR-ICON.png);
  background-size: 20px 20px;
  background-position: center;
}

Hey anton123,

Kind regards

Thanks so much! It works great!

You’re welcome, anton123

Hey SjoerdDooren!

Are you trying to mimic the styling of the “Boxed” Salient theme option? I.e. the box shadow around the site container? If so, it wouldn’t be possible without child theme modifications to enable that just for certain pages. However, a CSS only approach could be used to contain the content width on any given set of pages. Could you kindly share your page URL so that I could provide an example?

Kind regards

Hey SjoerdDooren,

You could a CSS snippet such as the following to make that modification:

.woocommerce .product-wrap {
  position: static;
}

.woocommerce ul.products li.product {
  padding-bottom: 40px;
}

.woocommerce .classic .product-wrap .add_to_cart_button, 
.woocommerce .classic .product-wrap .product_type_variable,
.woocommerce .classic .product-wrap a.button {
  transform: none;
}

Kind regards

Hey mahmoudy2k,

Since there’s no known theme-related issue that would cause that I would need to take a look at your setup in order to assist. Kindly open a ticket on the support forum in regards. In the meantime, you can also check if using the classic widgets corrects that for you.

Hey neilgalang,

Unfortunately there’s no built-in option to add a custom icon to the toggle element. It would require a custom CSS rule for each toggle that you wanted to add an icon to. You could give class name to your column e.g. custom-toggle-icons and then target them like so:

.custom-toggle-icons .toggles > div:nth-child(1) {

}
.custom-toggle-icons .toggles > div:nth-child(2) {

}

etc.

Kind regards

Hey bupelive,

That’s the area where either secondary header text or header text content will display: https://ibb.co/PjVYrD5—I would check the “text” tab within the “Text to display in header” feed to ensure that you haven’t saved an empty spaces or stray HTML in the editor: https://ibb.co/LJbL4tJ

If you can’t find anything, please share your actual page URL so that I can take a look.

Kind regards

Thanks that solved it! You guys are the best honestly!

You’re welcome, bupelive

Hey ehong33234, thanks for the requests—your +1 has been noted on the wishlist

Have a great weekend!

And is it possible to remove the effect of increasing the image when you hover over it with the mouse?

Hey davidgrette,

1. Currently, there’s no gallery slider offered that uses a thumbnail navigation.

You can however create grids of images similar to the URL you’ve shared. If you would like to do so manually, columns with single images inside of it would allow it, or if you’re using the “Image Gallery” page builder element, you can enable the masonry option: https://themenectar.com/docs/salient/galleries/#imagegrid

2. You can add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:

#ajax-content-wrap .portfolio-items .col img {
  transform: none;
}

Kind regards

Hey again veggie_89, Thanks for mentioning—I’ve noted to look into that.

Kind regards

Hey veggie_89,

You can alter that with CSS by add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:

.wpb_row .nectar-video-wrap video {
    width: 100%!important;
    height: 100%!important;
    object-fit: cover;
}

Kind regards

Brilliant! Thanks for the help.

You’re welcome, veggie_89

Hey thebugbear,

Unfortunately, there’s no built-in functionality to have each project link to its own unique Lightbox gallery—the gallery will be made up of all of the projects within the grid. However, I’ve noted your +1 for this idea on the wishlist.

Kind regards

Hey bogdan_stanciu, taking a look at the source code, it looks as though you have entered the class name with the dot selector in the actual attribute—You should try changing:

.container-wrap

container-wrap

Kind regards

Hey itswaffles, thanks for the request It’s been noted.

Kind regards

Hey MarcGarner,

You could alter the snippet to the following to make it take effect all the time:

body .nectar-slide-in-cart.style_slide_in_click .variation-Includes { 
  display: none; 
}

That’s great thanks

You’re welcome, MarcGarner

Hey agenturhochdrei

I’m glad that you were able to find some of the answers you were looking for.

In regards to your latest question, you’ll need to use the classic WooCommerce widgets for that style. You can easily enable the classic set by using this plugin: https://wordpress.org/plugins/classic-widgets/

thanks! worked for me

You’re welcome, agenturhochdrei

and is there a way to ad a short Videos instead of an image to a Fancybox?

Hey aldaron1,

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

body .wpb_video_widget.vc_video-aspect-ratio-235 .wpb_video_wrapper {
    padding-top: 25%;
}

2. Unfortunately there’s no option to use a video as the background to that element as of now.

Kind regards

Hey DenK3000,

You can control the main container width directly from the theme settings panel. However, if you’re looking to import one of our fluid demos that expand each section to be fullwidth, you would need to go into each section and change that row setting type: https://themenectar.com/docs/salient/page-builder-row/#row-type

Kind regards

Grwat. Thanks a lot!

You’re welcome, DenK3000