Hey omakad,

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

#ajax-content-wrap .nectar-fancy-box[data-style]:before {
    opacity: 0.33;
}
#ajax-content-wrap .nectar-fancy-box[data-style] .box-bg {
   opacity: 1;
}

#ajax-content-wrap .nectar-fancy-box[data-style][data-color] .inner i,
#ajax-content-wrap .nectar-fancy-box[data-style] .inner-wrap * {
 color: #fff!important;
}

#ajax-content-wrap .nectar-fancy-box[data-style]:hover:before,
#ajax-content-wrap .nectar-fancy-box[data-style]:hover .box-bg {
    opacity: 0;
}
#ajax-content-wrap .nectar-fancy-box[data-style][data-color]:hover .inner i,
#ajax-content-wrap .nectar-fancy-box[data-style]:hover .inner-wrap * {
  color: #000!important;
}

Cheers

Could you guys send me the code on how to change color and opacity on Fancy Box with image hover Bottom Color Bar Hover Effect. Thank you.

Hey omakad,

.nectar-fancy-box .box-bg:after {
    background-color: rgba(255,0,0,0.3);
}

Hey HugyakAndrea!

We have never tested it with Divi’s page builder, and would recommend using the Salient page builder to gain access to all of the theme specific elements.

Hey LaKugi!

That sidebar is using Salient specific widgets that are included in the Salient widgets plugin. You can read about them in the docs here: http://themenectar.com/docs/salient/salient-widgets-plugin/

Cheers

Hi! Thank you so much!!

You’re welcome, LaKugi

Hey alisonleon, I answered you via email in regards

Cheers

Hey tmentxaka!

1. The centered logo issue will be sorted in the upcoming minor release.

2. Can you please share the site URL in regard, so I can take a look to assist?

Thanks

Hey kitebud,

It looks like you’re using a version of Salient that’s around 3 years old (8.5.5). The Salient specific WooCommerce element (nectar_woo_products) was not added until version 9 and should not have that issue. Is there any reason you do not want to update?

Thanks, I updated to the latest version and that solves the problem except inside a product, when I click ’’add to cart’’ there is no Ajax function and it reloads the page. How can I enable Add to cart Ajax from the product pages (not just in the product archives) ? Thanks

Hey kitebud, WooCommerce does not use the AJAX functionality on the single product by page default – it’s not something Salient is preventing. Adding it in would require some custom coding: https://wordpress.org/support/topic/ajax-on-single-product-page/

Cheers

Hey ivanbelarus,

We do not publicly display the count – it’s only used for the nectar widget – popular posts: http://themenectar.com/docs/salient/salient-widgets-plugin/

It’s how the top posts are calculated.

Cheers

Hey Louis

I aimed to keep the videos under 10mb, and the resolution chosen for the new promo page was standard HD (1280×720). If you instead used a video lightbox with an external video such as Youtube, it would be lighter on the page load compared to the self hosted autoplaying option.

Thank you for making and sharing that video! It’s really helpful for the community, and I appreciate the feedback. There’s always room for more mobile features, but v12 was a giant step forward for sure.

Hope you’ve been well too during these crazy times.

Cheers

Hey utsavchopra30,

Salient only provide a global lazy loading option for the blog element via the Salient options panel > blog tab. Other elements which support lazy loading such as the “single image” page builder element will need to be edited within the page builder to configure that: https://ibb.co/G5Vbw8r

Thanks for reply. Anyway to disable all lazy loading of images at once?

Hey utsavchopra30, you could switch into the classic editor mode and run a search/replace for image_loading=”lazy-load” to be image_loading=”default”

Hey bmacstudio,

It is used to alter the alignment of text placed inside of the column – could you please share the page URL where you’re using the option and experiencing the issue?

Thanks in advance

Thanks… Site in progress. http://staging2.levelupatechelon.com. Pitch perfect Strategy and Our Capabilities list.

Thanks bmacstudio,

It will not be able to override the custom heading element > text alignment option, because those styles get set inline on the element: https://ibb.co/nfdKdrw

It would work as expected if you used a regular text block element with headings and set the alignment via the parent inner row element by using the option for “Text Alignment”. If you don’t want to change the setup, add this into the custom css box located in the Salient options panel > general settings > css/script related tab:

@media only screen and (max-width: 1000px) {
.force-phone-text-align-left .vc_custom_heading {
 text-align: left!important;
}
}

Hey 1×20, the Sale label is a core feature of WooCommerce and is not specifically related to Salient. Here’s a resource that explains a few methods for adding your own custom badges: https://businessbloomer.com/woocommerce-display-custom-product-badges/

Cheers

Hey richardwells,

When editing your Nectar Slider element in the page builder, you can set a “Minimum Slider Height” that will be used for mobile. Try entering a value such as 250.

Thanks so much

You’re welcome

Once you’ve updated to v12 of Salient, ensure that you’ve also updated the included Salient plugins – namely the Salient core to 1.5. If you have a previous version of that plugin, you will not see the new templates.

I was being an idiot : P Thank you!

Glad I could help out, Picturesmith

Cheers

Hey Adam,

1. The css that can be used for the team members would be something like:

.team-member[data-style] h3 {
   max-width: 180px;
}
.nectar_team_member_overlay.open .team_member_details h2 {
  max-width: 50%;
}

2. Try switching to using the “custom html” widget instead of the text widget

Cheers

Thank you, I’ll give this a go. Also there’s a white stripe that’s appeared at the top of my website: https://www.doggylottery.co.uk/

I haven’t changed anything to cause this. Please assist.

Kind regards, Adam

Hey Adam, From looking at the page source code, there seems to be an empty row at the very top of the page with 1% top padding set on it. Please edit that row or delete it to remove that space.

Cheers

if ( ! function_exists( ‘nectar_add_image_sizes’ ) ) { }

function nectar_add_image_sizes() {

//     add_image_size( 'portfolio-thumb_large', 900, 604, true );
//     add_image_size( 'portfolio-thumb', 600, 403, true );
//     add_image_size( 'portfolio-thumb_small', 400, 269, true );
//     add_image_size( 'portfolio-widget', 100, 100, true );
//     add_image_size( 'nectar_small_square', 140, 140, true );

global $nectar_options;
$masonry_sizing_type = ( ! empty( $nectar_options['portfolio_masonry_grid_sizing'] ) && $nectar_options['portfolio_masonry_grid_sizing'] === 'photography' ) ? 'photography' : 'default';

if ( $masonry_sizing_type !== 'photography' ) {

//         add_image_size( 'wide', 1000, 500, true );
//         add_image_size( 'wide_small', 670, 335, true );
//         add_image_size( 'regular', 500, 500, true );
//         add_image_size( 'regular_small', 350, 350, true );
//         add_image_size( 'tall', 500, 1000, true );
//         add_image_size( 'wide_tall', 1000, 1000, true );
//         add_image_size( 'wide_photography', 900, 600, true );
    } else {
//         add_image_size( 'regular', 500, 500, true );
//         add_image_size( 'regular_small', 350, 350, true );
//         add_image_size( 'wide_tall', 1000, 1000, true );

// These three are still needed for meta overlaid masonry blog.

//         add_image_size( 'wide_photography', 900, 600, true );
//         add_image_size( 'wide_photography_small', 675, 450, true );
//         add_image_size( 'regular_photography', 450, 600, true );
//         add_image_size( 'regular_photography_small', 350, 467, true );
//         add_image_size( 'wide_tall_photography', 900, 1200, true );
    }

//     add_image_size( 'large_featured', 1870, 770, true );
//     add_image_size( 'medium_featured', 800, 800, true );

}

Hey Nicko_217, if you comment out the sizes, they will stop being used when uploading new media.

Yes, this is necessary. would take up less space on the hosting

Hey titansdesign!

Version 12 of Salient introduced the option to reverse the column order for any row on mobile only: http://themenectar.com/docs/salient/page-builder-row/#column-direction

Please update to get access to that new feature: http://themenectar.com/docs/salient/updating-salient/

Cheers

that is an epic feature! works like a charm! thanks guys

Cheers titansdesign

Hey arteest, I’ve noted the ideas

Cheers

Hey thewebstylist, I’m glad you dig them!

Hope you’ve been well

Hey ivanbermejo :)

You can add your background video as a background to your row which is holding the slider, and then add this into the custom CSS box in the Salient options panel:

.swiper-slide .slide-bg-wrap, 
.swiper-slide, 
.swiper-container {
  background-color: transparent!important;
}
.swiper-slide .slide-bg-wrap { 
display: none; 
}

Cheers

Never mind. I found it. It’s a widget. Thank you! Kind regards.

Hey dummy123,

I’m glad to hear you found it

Cheers