Hey, we recommend using Performance Lab, a free plugin by the core WordPress team that will automatically convert all uploaded photos into webp—this is covered in the documentation here: https://themenectar.com/docs/salient/performance-optimization-guide/

Kind regards

Thanks for the response, I have already converted all the uploaded images to webp.

The issue is that the theme is still only posting the .png/.jpeg/.jpg images instead of the converted .webp images. Do I have to change something in the “post-image.php” so that the theme only posts .webp images?

Hey msherstenka, WordPress associates each of your images with an ID in the database. Therefore, you can’t manually add images to the uploads folder as they won’t be recognized by the media library. Instead, you would need to manually upload the photos for each post as the featured image or run a database script to switch all the IDs to the new WebP format. I would strongly suggest using the recommended Performance Lab plugin instead, which will automatically serve WebP versions of your images without requiring any additional work.

Hey MarcGarner,

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-9034 {
    padding: 20px 20px 20px 7%;
}

Kind regards

Thank you

You’re welcome, MarcGarner

I would need to see your URL in order to see why that snippet is not working for you on mobile by default. However, one thing You could try on your end would be to change the background-size property to “contain” instead of “cover.

Kind regards

thanks now works

You’re welcome, dimage

Hey najmuddin, Salient does not have a built-in form system, however we provide styling options that can be applied to all major form plugins. In the demos, we utilize a mixture of Contact Form 7 and WPForms.

Kind regards

Hey alfamarble! It would be easiest to define a global CSS rule that sets that spacing. 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:

#ajax-content-wrap .wpb_column > .vc_column-inner > .wpb_wrapper > div:not(:last-child) {
    margin-bottom: 10px;
}

Cheers

What can I say? You guys rock! Thank you very much (once again). Is there a plan to integrate this setting to the Salient theme options panel in a future release? I believe it would be useful for other users too.

You’re welcome, alfamarble

I’ve noted the idea on the wishlist!

Hey lubirastudios, that form will import when you import the demo, however if you do not wish the import the demo, the main thing you’ll need to do when creating your WPForm is add the class name “nectar-inline-subscribe-form” to the form settings.

Kind regards

I don’t see where that setting is, does it have to be the wpform pro version?

Hey lubirastudios,

No, that setting is available in the free version: https://wpforms.com/docs/how-to-add-custom-css-to-your-wpforms/#form-container-and-submit-button If you’d like further assistance with setting up that form, please open a ticket on the support forum in regards

Hey DenK3000,

If you want your content to scale up further, you can adjust the “Max Website Container Width” in the Salient options > general settings > functionality tab.

If you want your text to scale proportionally up at larger screen sizes, I would recommend looking into using the Responsive Text element

Kind regards

Hi, thanks for your quick reply. Is it correct, that the max container width is 2400? So there’s no way to go wider on bigger screens?

Hey DenK3000, If you want to go past that container width, you’ll need to either add in a CSS rule or utilize the “Full width content” row type, which will always expand to the full viewport width.

If you’d prefer to use CSS, 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:

body .container {
  max-width: 3000px;
}

Kind regards

Hey visualpaint,

The scroll revealed text is an option within the “Split Line Heading” element. You can find an example of that in use in the Salient Studio template library. The template is called “Scroll Opacity Reveal Text”: https://ibb.co/7yM805P

Kind regards

I have Flexible Slider Height turned on

Hey joshuabbutler,

You’ll need to change your row to “full width background” or “in container” and then configure the slider itself to be fullscreen with the following settings: https://ibb.co/xHPTFbt

Kind regards

Ok, I see, you have the content width constrained in the row, but then when that happens, in the nectar slider the menu options change and there is an option to push past the bounds to be full width. Thanks

Hey matvej,

Yes, we’ve been consistently adding demos throughout the years and will continue to do so. If you have any specific category you’re hoping to see, feel free to let us know!

Hey NADHIRCHAOUI, You can adjust your general responsive font sizing in the Salient options panel > typography > responsive settings tab.

Kind regards

Hi – I have been in contact with my hosting provider and they were able to fix the apostrophe rendering but can’t figure out why the database change would have affected fonts/styling, etc. We have escalated this issue internally for a thorough investigation.

They’ve been reviewing server logs,database collations, and character sets to identify the root cause of these issues.

They asked if you can share any findings they might have when it comes to this issue? Your insights could be extremely valuable as they continue to investigate the root cause.

Hey vaughanmatt,

Salient updates don’t alter anything related to the database—are you sure that when this error occurred the only thing you updated was the theme itself and nothing else? e.g. WordPress, Plugins, Server settings etc.

We did not update anything on our end.

Hey Elliot,

It looks like that alignment issue is being cause by the CSS you have to remove the category. You can add in the following snippet to correct it:

@media only screen and (min-width: 1px) and (max-width: 999px) {
.single-post #ajax-content-wrap #page-header-bg {
    min-height: 200px;
}
}

Alternatively, if you want to remove the entire post header globally you could use:

.single-post #page-header-wrap {
  display: none;
}

Cheers

Hey williamchardon!

1. Are you using Yoast breadcrumbs? If so, that will override the transparent header effect option. Here are the Yoast docs on that feature.

2. The dev mode badge will display when you have WP_DEBUG set to true in your wp-config.php file—It won’t cause any rendering issues.

Kind regards

Hey VI3Hub,

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:

.single-post #page-header-bg .inner-wrap > a {
    display: none;
}

Kind regards

Hey vik_,

There is no release date yet for the next major release yet. Currently, we’re working on the upcoming minor release which will include some smaller features, bug fixes, and the latest version of WPBakery.

Kind regards

Hey andy33333054, feel free to reach out via the contact form on my author page in regards.

Thanks! I’ve just sent you a message via the form

Thanks andy33333054, I’ll be reaching out to you soon in regards.

Hey Mercer_Design,

Are you using the latest version of the theme (v16.0.x) and Salient Portfolio plugin (1.7.5)? If so, please reach out via the contact form on my author page in regards so I can take a look at the setup.

Thanks in advance

Hey aglet,

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:

body .wpb_row.vc_row-o-full-height, 
body .wpb_row.vc_row-o-full-height > .col.span_12 {
  height: auto!important;
  min-height: 0!important;
}

Kind regards

Thank you

You’re welcome, aglet

Hey visualpaint, when editing any project, you can use the “Project Header Settings” metabox towards the bottom to specify coloring for the BG and text. If you would like further assistance with this, kindly open a ticket on the support forum in regards.

Cheers

thank you!

You’re welcome, visualpaint