• Resolved greendolphin

    (@greendolphin)


    I am trying to fit as many images onto the top of the page without having having to scroll down. Therefore I would like to minimize the amount of space between the rows. I have tried setting the row height to 150px but it keeps getting overridden somehow. Is there a way to set the row height property of the .catablog-row using css?

    http://wordpress.org/extend/plugins/catablog/

Viewing 10 replies - 1 through 10 (of 10 total)
  • Hello greendolphin, thank you for your question. Could you post here your link so that I can check? It will allow me to check which code needs to be edited.

    Kind regards

    Plugin Author macguru2000

    (@macguru2000)

    Here is the CSS to remove the margin from each image, you cannot make the catablog-row shorter because it is the height of the image.

    body html .catablog-row,
    body html .catablog-row.catablog-gallery {
        margin: 0px;
    }

    If you want to reduce the height of the actual thumbnails use the CataBlog options thumbnail height setting. Good luck.

    Hi,

    my height of the thumbnails is 210 but I would like to have the row about 250px high, so that there is more space inbetween the rows. Can you tell me how I can do that?

    Thanks
    Bernd

    Here is the page I’m refering to: http://www.berndschmidl.com/gradisnik/?page_id=17

    @skofield have a look at this link.

    I hope this helps you.

    Kind regards

    Sorry, maybe there was a misunderstanding. 1. I’m totally happy with the size of my thumbnails. 2. I don’t wanna change anything in the lightbox. I just need more space between the rows. Because at the moment, when the title of the pic gets too long, the picture underneath doesn’t have enough space.

    Hello skofield, you can change the following but you will also need to adjust your text…

    .catablog-images-column {
        width: 290px;
    }

    Or you can create a custom multiple columns, click on this link to check the options.

    I hope this helps you.

    Kind regards

    It’s still not what I exactly want but thank you. It should work.

    Plugin Author macguru2000

    (@macguru2000)

    try adding some extra margin or padding to the bottom of the .catablog-row css class. Something like this:

    html body .catablog-row {
        margin-bottom: 20px;
    }

    or

    html body .catablog-row {
        padding-bottom: 20px;
    }
Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Row Height’ is closed to new replies.