Reply To: cMap template style changes

11/02/2015 at 9:13 am #353032
Steven Zahm
Keymaster

@ Peter

re: Can I add a bottom margin or padding to the individual listing box to create a space between each box?

Sure I see no reason why you couldn’t, add this to the theme’s Custom CSS area:

#cn-cmap .cn-list-row,
#cn-cmap .cn-list-row-alternate {
    margin-bottom: 20px
}

re: Can I change its background colour?

This is a builtin feature. Go to the Connections : Templates admin page and click the Customize button for cMap. The page will reload with the Customizer on the left and a preview on the right. In the Customizer navigate to the Style panel and tweak away. Then click the Save and Publish button.

re: Can I make the listing boxes paint out 2 or 3 to a line, rather than just stacked one on top of the other – yet retain the responsive aspect of the template?

Sure this can be done… that said, others have tried it only to revert back because the expanding content trays for the bio/map/notes do not lend themselves well to the columnar layout. Here’s the basics to get your started. You’ll need to do a lot more tweaking though.

#cn-cmap .cn-list-row,
#cn-cmap .cn-list-row-alternate {
    display: inline-block;
    margin: 0 10px 20px 0;
    max-width: 30%
}

Hope that helps!