Viewing 12 replies - 1 through 12 (of 12 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    From what I can see, the images on the page in the first link all have a box-shadow via CSS. You should look into adding one to your images as well.
    Unfortunately, I’m not really sure where the best place for that would be, as the overlay plugin that you are using in the table cells seems to require custom styling for that.

    As a side note: You seem to be using the table just to achieve that grid layout. That’s actually not how tables should be used in modern web design. Instead of using TablePress, you should look into using a grid plugin or maybe some custom HTML based on <div> elements. Not only will that give you a more modern and correct semantic HTML structure, but it will also be easier to style, e.g. for responsive layouts.

    Regards,
    Tobias

    Thread Starter michaeljb

    (@michaeljb)

    thanks for the advise Tobias, can you at least let me know how to reduce the space between the bottom of the image and the image title?

    thanks

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    from what I can see, that space is coming from some <p> tags in the code for the overlay.
    Please try adding this to the “Custom CSS” to remove the space:

    .tablepress-id-3 p {
      margin: 0;
    }

    Regards,
    Tobias

    Thread Starter michaeljb

    (@michaeljb)

    no, that didn’t work. It seems to look great when you refresh the page but then after a second or 2 it jumps back to how it was with the large space

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    I don’t see that code in the “Custom CSS”. Are you sure that you pasted it in there and saved the changes?

    Regards,
    Tobias

    Thread Starter michaeljb

    (@michaeljb)

    sorry, i removed it, its in there now if you want to take another look

    Thread Starter michaeljb

    (@michaeljb)

    if you look at the st andrews image, i added a border to it and it seems to crop the bottom off, i even made it smaller to see if that fixed it but it still crops the bottom off, any ideas?

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    for me, the spacing change works fine, both in Chrome and in Firefox.

    That St. Andrews image issue is indeed weird. I’m not sure what causes that, and I can’t spot anything wrong there, right now. It doesn’t seem to be related to you adding the border though. It something in that overlay script, I would guess.

    Regards,
    Tobias

    Thread Starter michaeljb

    (@michaeljb)

    ok thanks for you help Tobias

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! ?? Sorry that I couldn’t help with all details.

    Best wishes,
    Tobias

    Thread Starter michaeljb

    (@michaeljb)

    i fixed it..

    it was some other tablepress code above the code that you asked me to add. i removed this and bingo ??

    thanks for your help

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! ?? Good to hear that you were able to fix the problem ??

    Best wishes,
    Tobias

    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Space and padding’ is closed to new replies.