Shadow/border for pictures

  • Resolved milli11

    (@milli11)


    6 years ago

    Good morning 🙂

    I have two questions:

    I have a table with images in it and I would like to give the images a border/a shadow. Is that in table press possible with adding a code or do I have to edit my pictures bevore adding them to the table?

    In column 2 I don’t have a caption so I don’t need the filtering symbol there. Is there a way to hide it only for one column?

    Thank you very much! 🙂

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    6 years ago

    Hi,

    thanks for your post, and sorry for the trouble.

    1) To add a border and shadow, you can use CSS code. For example, add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress img {
  border: 1px solid #cccccc;
  box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
}

    2) To turn off sorting for that column, please add this to the “Custom Commands” text field on the table’s “Edit” screen:

    "columnDefs": [ { "orderable": false, "targets": [ 1 ] } ]

    Regards,
    Tobias

    Thread Starter milli11

    (@milli11)

    6 years ago

    Thank you so much!
    Number 1 works great, but number second doesn’t work. Do I have to change some part of that code?

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    6 years ago

    Hi,

    ah, it looks like you are also using the Footable plugin on your site. Please either deactivate that or turn off its TablePress integration in its settings.

    Regards,
    Tobias

    Thread Starter milli11

    (@milli11)

    6 years ago

    Ahhh, yes, you’re right! Totally forgot that! Sorry!

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    6 years ago

    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!

    Thread Starter milli11

    (@milli11)

    6 years ago

    Hey, I now managed to use the code and I changed the sorting hover color. But I now would like to change the color when something is sorted. At the moment the thead turns blue. Can you help me again?

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    6 years ago

    Hi,

    please try this CSS for that: https://tablepress.org/faq/change-background-color-table-head-row/

    Regards,
    Tobias

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Shadow/border for pictures’ is closed to new replies.