Hey everyone!

With the holiday season upon us, we want to share our upcoming working hours:

After that, we’ll return to our regular schedule and assist you as quickly as possible.

In the meantime, you can explore our documentation for Amelia and wpDataTables. You'll find tons of helpful resources, including articles and handy video tutorials on YouTube (Amelia's YouTube Channel and wpDataTables' YouTube Channel), which might just have the answers you need while we’re away.

Thanks a bunch for your understanding and support!

Warm regards and happy holidays!

TMS

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,847
    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