Arrange images beside each other

  • Resolved lolzern

    (@lolzern)


    5 years, 7 months ago

    Hello, I am attempting to create the following on my website: https://imgur.com/YEjjHdC (illustrator illustration). However, I do not know how to place images beside each other, instead, they are currently being placed on top of each other.

    Is there a way to place images beside each other until they fill out the row and then start filling out a new row under (within the same table row like in the illustration)?

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

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

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    To achieve this layout, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress-id-1 br {
	display: none;
}
.tablepress-id-1 img {
	display: inline;
}
.tablepress-id-1 td {
	line-height: normal;
}

    Regards,
    Tobias

    Thread Starter lolzern

    (@lolzern)

    It worked perfectly! Thanks a lot ??

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! ?? Good to hear that this helped!

    Best wishes,
    Tobias

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Arrange images beside each other’ is closed to new replies.