Security, Privacy, AI and CSR information for all Piano products now lives in one place. Explore our Compliance Center.
Subscriptions
English French
English French

How to set different sizes of titles for ESP dynamic blocks for mobile and desktop

If you'd like to set a different size for the titles in your ESP newsletters, you can do so by adding the following code in the ESP dashboard under Template and Style → Settings → Custom CSS:

@media screen and (min-width: 600px) {
    a.line-text span[style]{
        font-size: 60px !important;
        line-height:60px !important;
    }
}

@media screen and (max-width: 600px) {
    a.line-text span[style]{
        font-size: 10px !important;
        line-height: 10px !important;    
    }
}

The first CSS is for desktop, the second for mobile screens.

You can customize the example values of 60px respectively 10px based on your preference.

Last updated: