Hey everyone!

With the Labour Day holidays coming up, we’d like to let you know about our upcoming working hours:

Thursday, May 1st: Our team will be off during Labour Day.
Friday, May 2nd: We'll also be off for an extended holiday break.

We’ll be back on Monday, May 5th, ready to respond to all messages received during this time.

In the meantime, if you need help, feel free to:

https://www.youtube.com/@AmeliaWordPressBookingPlugin/videos

https://www.youtube.com/@wpDataTables/videos

Thank you for being so understanding, and we hope you enjoy the long weekend! 

Okay
  Public Ticket #3453655
Image border
Closed

Comments

  • Ron Demkes started the conversation

    How do I get a border around images in the table? In this case these are flags, and they often contain white colors, therefore I need a border around it.

    Attached files:  Capture.PNG

  •  1,894
    Miloš replied


    Hi Ron,

    Firstly, I would like to sincerely apologize for the delayed response as we have been experiencing an unusually high number of tickets. I am sorry that it has taken longer than usual to respond to your concern and your patience is highly appreciated.

    -

    If you simply want all images in your table to have the same border you can add this CSS  to the table's Customize/Custom CSS :

    .wpDataTablesWrapper table.wpDataTable  tr td img {
     border : 5px solid green !important;
    }

    If you need some CSS to affect all your tables, add it to the main Plugin settings/Custom JS and CSS/Custom CSS.

    -

    Or if you need different style for different columns with images, 

    you can add a custom CSS class to a Column first, in the Display tab :

    5174946576.png

    In my example i name the class "customimage",

    so my CSS will be :

    .wpDataTablesWrapper table.wpDataTable  tr td.customimage img {
     border : 5px solid green !important;
    }


    -

    If you want to 'target' by an original Header name of the Column, you can try this CSS :

    .wpDataTablesWrapper table.wpDataTable  tr td.column-profileimage img {
        
        border : 5px solid green !important;
    }

    In my case, the column name's origin Header was "profileimage" so after the td.column- part you can input the Column name followed by img if you just wish to have a specific border for that Column of that table.

    3700004344.png

    7650036425.png

    Let me know if that helps.

    Kind Regards, 

    Miloš Jovanović
    [email protected]

    Rate my support

    Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/

    wpDataTables: FAQ | Facebook | Twitter | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables