Images in Row Examples


Without Borders Text Centered
With Borders Text Centered
With Borders and Box Shadow Text Centered
With Box Shadow Text Left

/* Css code for NPE on Front Page */
/* Note: must add shortcode parameter shortcode_id=’npe_front_page’ */
#npe_front_page .netsposts-items {
    display: grid;
    grid-template-columns: repeat(auto-fit, 300px);
    gap: 1em;
}
#npe_front_page .netsposts-items .netsposts-content {
    padding: 15px;
    box-shadow: 0 0 8px #888888;
    text-align: center;
}
#npe_front_page .netsposts-items .netsposts-content .netsposts-text-content .netsposts-posttitle-link {
    display: block; /*Links must be set to block for the text-align css to work*/
    text-align: left; /*Can be set to left, right, center or justify*/
}
#npe_front_page .netsposts-items .netsposts-content .netsposts-text-content .netsposts-excerpt {
    text-align: left; /*Can be set to left, right, center or justify*/
}
/* End of CSS Code */

Note: If you have more than three items it will wrap to a new line. So for every three items you add a new row will be created.


Leave a Reply

Your email address will not be published. Required fields are marked *