Masonry Gallery and Footer Issue

Permalink Browser Info Environment
I've set up the full install of the Cariad template which is working well except for a few things:
1) I can't find the way to set up the masonry gallery. It doesn't show up in the page options or block options.
2) If I am able to set up the masonry gallery, can it be set up to have images zoom rather than link to another page?
3) I set up a footer navigator and a FB link but it only appears on the homepage even though it's in global blocks. How is that fixed?
4) I want to eliminate the space between the menu bar and the banner image. How is this easily done?

Appreciate any help!

Type: Pre-Sale
Status: Resolved
View Replies:
pilipala replied on at Permalink Reply

1 and 2. I think from what you’re describing (images not linking to pages), you may want to use a gallery add on from the concrete5 marketplace. The Cariad theme does not have a gallery included and the masonry styling is just for the portfolio and blog page list templates.

Concrete5 gallery addons

You can use the documentation in the Cariad package folder page 23 or refer to it here for instructions on the portfolios and blogs.

To use masonry for portfolio
Click on your page list > choose "Design and custom template", click on the gear icon and choose "Cariad Portfolio Masonry" Click "save".

To use masonry for blog
Click on your page list > choose "Design and custom template", click on the gear icon and choose "Cariad Blog Masonry" Click "save".

3. The content needs to be in the sitewide editable areas to show on every page. If you click on the pencil icon to put your page in edit mode, you can remove what you have there and try adding it again. Click on the content you’ve added > choose “copy to clipboard” then delete the content. Then you can add it again and see if that works – just make sure you add it to either Sitewide Footer 1, 2, or 3. Click on the area in edit mode > add block > choose clipboard > click on the content you’ve just added to the clipboard > click on the pencil > publish changes.

4. The space between the menu and the banner is a border that goes all around the page. If you want to get rid of this border, you can use this CSS (you may need to tweak some more styles).
@media (min-width:767px) {
div.ccm-page .cariad-main-section {
   margin: 136px 0px 0px;

While logged into your site, click on the cog icon (top left of the dashboard) > Design > Customise. Then scroll down to the bottom on the left panel until you see "Custom CSS". Click on the cog icon next to Custom CSS, add the CSS above and click save.

Alternatively, you can change the appropriate theme CSS files, but then you need to keep the changes saved locally as well in order that you can upload the file again when new theme updates overwrite your modified file. The border is in miscellaneous.less which is located here:

Thanks, Jennifer

concrete5 Environment Information

# concrete5 Version
Core Version - 8.5.2
Version Installed - 8.5.2
Database Version - 20190925072210

# Database Information
Version: 5.6.41-84.1

# concrete5 Packages
Cariad (1.0.2), Cycle2 Slide Show (1.0.2), Easy Image Slider (1.2), Social Share Lite (2.1.3), Spacer (0.9.4), Wall Gallery Suite (1.2), Zoomer (1.0.1)

# concrete5 Overrides

Browser User-Agent String

Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.92 Safari/537.36 Edg/81.0.416.53

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You may not request a refund that is not currently owned by you.