As previously announced via banners and our newsletters, support is no longer available through this platform.

For easier navigation, you can still click on "Submit a Ticket" here, choose the appropriate category, and you'll be redirected to the correct support channel for your plugin.

You can still access your previous tickets and browse public tickets, but please note that responding to tickets is no longer possible.

Paid customers: Please log in to your store account for support.

Pre-purchase questions: Use the support widget in the bottom-right corner of our websites:
https://wpamelia.com
https://wpdatatables.com
https://wpreportbuilder.com

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