Support » Plugin: WP-Table Reloaded » [Plugin: WP-Table Reloaded] Bottom align images

  • Hi Tobias
    I am trying to bottom-align the icons I have built into a table.

    I have actually used 2 different tables for these – one with 3 columns and one with 2
    I would like to bottom align the icons, as well as, right justify the “cafe” icon so that it is centered under the top 3 icons.

    Here is the code I have tried on the bottom table:

    .wp-table-reloaded-id-11.column-1 {width: 150px;img.alignright!important}
    .wp-table-reloaded-id-11 img.alignbottom!important {margin: 0!important;}

    Also, if you have a better suggestion for lining these up on the page, I’m all ears!
    Thank you!

Viewing 1 replies (of 1 total)
  • Plugin Author TobiasBg



    just a quick note to begin with: That CSS is unfortunately incorrect, and you should remove to not break further CSS.

    Now for the alignment: What you want is to align the text at the same height, right? That is unfortunately not possible with those images. The reason is that they all have the same image height, but are not having the same positioning in them. Actually it is the “treatments” image that stands out. The text has a different position relative to the top in that image, compared to the other images. And that is something that can’t be fixed with CSS. (You could use “absolute” CSS positioning, but I don’t recommend that with tables.)

    What you will need to do is to get the images to have the text in the same relative position.

    Best wishes,

Viewing 1 replies (of 1 total)
  • The topic ‘[Plugin: WP-Table Reloaded] Bottom align images’ is closed to new replies.