Salient v13.0 Major Release (3/25/2021) is now available.

If you're on a version prior to 10.5 and are considering updating, it's important to read through our update guide before updating to ensure a smooth transition.

Click here to view the update guide


Howto: Add Custom image sizes ?. Change Responsive Behavior of images

By default all images inherit responsive behavior - if you want to use fixed dimensions, either do so by adding a class to your image e.g.

img src="" /> 

and then add this into the Custom CSS box located in your Salient Options panel:

.my-size { width: 400px!important; height: 300px!important; }

OR remove these lines from the style.css to clear the responsive behavior for all images:

.main-content img {
    height: auto;
    max-width: 100%;
.row .col img {
    height: auto;
    margin-bottom: 15px;
    max-width: 100%;
    width: auto;

Cheers :)