@stevenbauers, if your site is live, it would be really useful to have a link to it so that I could take a look.
2. Is it possible to configure the size of the preview images / how many images are show per row on certain screen sizes? On mobile platforms the theme is great but on bigger screens, a lot of space is wasted, a better overview would be great.
Given that Cubic is a child theme of Boardwalk, we can’t make a child theme, you should use a custom CSS plugin of sorts. You can use the Edit CSS function in the Jetpack plugin, or use one of the other Custom CSS plugins that will keep CSS changes from being overwritten.
Jetpack plugin
Custom CSS plugins
The following takes Cubic to 4 columns on 1024px and wider screens/windows and allows the theme to return to normal layout below that.
@media screen and (min-width: 1024px) {
.archive .hentry, .blog .hentry, .search-results .hentry {
width: 25% !important;
padding-bottom: 25% !important;
}
.archive .hentry:nth-of-type(2n+3), .blog .hentry:nth-of-type(2n+3), .search-results .hentry:nth-of-type(2n+3) {
clear: right !important;
}
.archive .hentry:nth-of-type(3n+4), .blog .hentry:nth-of-type(3n+4), .search-results .hentry:nth-of-type(3n+4) {
clear: none !important;
}
}
3. Can I deactivate the “zoom effect”?
The following CSS will take the zoom effect on the images in the grid away.
.hentry.has-post-thumbnail:hover .attachment-boardwalk-featured-image {
transform: translate(-50%, -50%) scale(1);
}
4. Some preview pictures are not properly cropped, so that there’s black stripes on top and bottom left. What’s the problem here?
Typically this is caused by the size of the images being used. The Cubic Theme Showcase page, in the Quick Specs section near the bottom, recommends an image size of 2000px x 1500px. Look at the size of the images you are having a problem with and make sure they are at least that size. Also, if the image is portrait orientation instead of landscape, that can cause problems. The WordPress and theme software will not try to enlarge an image that does not meet both of those dimensions as the resulting image would lose quality.
