Problems with Grid View on Homepage

  • Author
    Posts
  • #108977

    thedarlingadventure
    Member
    Original poster

    Hey there!

    I have a couple of questions regarding the Ubud theme.

    First, I’m having a bit of trouble with the homepage of blindalleycat.com. I have the grid set to 3 columns with the preference of square images, but it’s still displaying a mix of portrait, landscape, and square images in the grid. Is there a way to fix this?

    Second, I would like to reduce the padding between the images in the aforementioned grid. Is this doable?

    Many thanks :)

    The blog I need help with is: blindalleycat.com

    #109266

    ellenbauer
    Theme Author

    Hi there,

    I can see the issue you are having regarding the image sizes. Unfortunately you would need to upload bigger Featured images for the posts showing too small images, e.g. this posts: https://blindalleycat.com/2013/06/02/238/

    Since the minimum image size for Featured images should be 970×970 pixels. You can find all infos regarding image sizes at the bottom of the Ubud info page.

    The padding could be reduces with custom CSS. The default values are:

    @media screen and (min-width: 1200px) {
    .blog.three-column .site-content article:nth-of-type(3n+1), .archive.three-column .site-content article:nth-of-type(3n+1), .search-results.three-column .site-content article:nth-of-type(3n+1) {
        margin-right: 2.682%;
        clear: left;
    }
    .blog.three-column .site-content article, .archive.three-column .site-content article, .search-results.three-column .site-content article {
        max-width: 31.571%;
    }
    }

    So you would need to change the % values there.

    Best, Ellen

    #109302

    thedarlingadventure
    Member
    Original poster

    Thanks, Ellen.

    Another quick question – is it possible to disable the list view so that only the grid view is displayed?

    #109307

    ellenbauer
    Theme Author

    You could hide the list view button via the following custom CSS:

    .grid-switcher {display: none !important:}

    Best, Ellen

The topic ‘Problems with Grid View on Homepage’ is closed to new replies.