Grid Image Container Problem

  • Resolved KittyFlynn

    (@macwillard)


    2 years, 9 months ago

    Hi there! I was wanting to enlarge the book covers in my grids, so I increased the “BOOK GRID DEFAULT SETTINGS” in the dashboard. The covers get bigger, but they then get squished together and the text remains in the same location as though the container in which the covers are situated isn’t increasing with the size. I’ve provided the link to the page in question.

    Also, the “BOOK GRID DEFAULT SETTINGS” option isn’t increasing the size of the covers on the tags grid page, like here: https://macflynn.com/books/dragons/

    How can I increase the size of those covers?

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter KittyFlynn

    (@macwillard)

    Whelp, the first question turned out to be my own idiocy, so sorry about that. Definitely my bad.

    Though I’m still curious how I can change the size of the covers on pages excluded from the “BOOK GRID DEFAULT SETTINGS.”

    Thread Starter KittyFlynn

    (@macwillard)

    Okay, I’m an idiot again and forgot about the size adjustment in the Book Grid settings (I only hope I can be used is a learning lesson for someone else).

    BUT there is one question I do have that might not be obvious in the dashboard: how can I change the padding/margin/distance between covers in a grid?

    Something more like this distance apart: https://www.keriarthur.com/books/lizzie-grace-series/

    • This reply was modified 2 years, 9 months ago by KittyFlynn.
    Plugin Author mooberrydreams

    (@mooberrydreams)

    Other than using some custom CSS code, the way to reduce the space between the books is to make the book covers larger. The space between the books is calculated based on the size of the covers. You’ll have to experiment to find that “sweet spot” that has the covers closer together but not so large there’s only 2 covers per row.

    Does that make sense?

    Thread Starter KittyFlynn

    (@macwillard)

    That does make sense, but the covers are as large as I want them at their current 300px height. I’ve tried finding the right container and class/id that corresponds to the padding/margin between the books, but so far that’s a fail.

    I’m (sometimes) decent with CSS. Is there a specific class/id that controls the spacing?

    Plugin Author mooberrydreams

    (@mooberrydreams)

    Using this should work. Adjust the number to your liking:

    .mbdb_float_grid {
   width: 200px !important;
}
    Thread Starter KittyFlynn

    (@macwillard)

    Whelp, there’s my problem, I forgot to use the !important part for overriding. Thanks so much!

    Plugin Author mooberrydreams

    (@mooberrydreams)

    No worries! I often forget it too. ??

    Glad you got what you needed!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Grid Image Container Problem’ is closed to new replies.