Okay
  Public Ticket #3330290
Aqua skin inner borders
Closed

Comments

  • Philip Rushworth started the conversation

    I've used the aqua skin which I really like except that the inner borders are missing. How do I add them back in?

  • Philip Rushworth replied

    Also, I want to get rid of the paragraph margin as it's making the table too big. The CSS is:

    .wpdt-c p {
        margin-bottom: 20px;
    }

    I added this to the custom CSS but it hasn't worked:

    .wpdt-c p {
        margin-bottom: 0px;
    }

    How can I get rid of the paragraph margin?



  •  1,688
    Miloš replied

    Hi, Philip.

    1. Thank you for reporting this behaviour for the inner borders and Aqua Skin.

    It seems we might have a bug to fix,  somehow we did not spot this yet.

    If i set the "Internal Borders" to any color, it flashes for a moment during initial table load,

    then the "left and right cell borders" dissapear.

    I made a short Video ( attached to the ticket) that shows this behaviour, and sent it to our QA Testing Team.

    They will check this out and i will report back to confirm if we have a bug, as soon as they report back.

    -

    For the time being, i can give you some Custom CSS you can try in order to "force" the borders as needed.

    .wpdt-c .wpDataTablesWrapper table.wpDataTable.wpDataTable td {
        border-right : 1px solid black !important;
        border-left : 1px solid black !important;
    }

    2970431191.png

    You can either add this in the table's Customize/Custom CSS,

    if you want it for only that table;

    or if you want the same borders forced on all tables, apply this in the main plugin settings/Custom JS and CSS/Custom CSS.

    If you wish to target only specific table ID's,   you can add a table ID, like this :

    .wpdt-c .wpDataTablesWrapper table.wpDataTable.wpDataTableID-3 td {
        border-right : 1px solid black !important;
        border-left : 1px solid black !important;
    }

    Let me know if that helps as a temporary workaround, and we will still report back to confirm if this is a bug.


    2. In regards to the paragraph margin,

    there can be a couple of factors to consider, you can decide what will be the best design choice for your use-case.

    For example, each table data element has this default padding inside each cell for the content :

    6837259041.png

    If you simply wish to try and remove padding and margins top and bottom for the content of all cell data :

    td {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
        margin-top : 0 !important;
        margin-bottom : 0 !important;
        
    }

    Or, if you just wish to target specific columns that have these paragraphs,

    you will have to add custom CSS class to all the columns you need;

    for example, if we call it "paragraphclass" , add it to the column settings Display tab :

    4527633258.png

    Then you can call this class in table's Customize/Custom CSS, like :

    .paragraphclass td {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
        margin-top: 0 !important;
        margin-bottom : 0 !important;
    }

    So every column that has that class added will get the style applied.

    Let me know if that helps.

    Attached files:  Aqua Skin Inner Borders flash then dissapear.mp4

    Kind Regards, 

    Miloš Jovanović
    [email protected]

    Rate my support

    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

  •  1,688
    Miloš replied

    Hi, Philip.

    Just following up, in regards to that issue with the Aqua Skin,

    Our developers isolated the bug, and they'll add it to their queue for fixing.

     They will do their best to build a fix as soon as possible.

     We don't have an ETA on when the fix will be available, but please keep a lookout on our wpDataTables changeLog.

    It will be stated there during updates which bug fixes have been implemented at each update.

    Thank you for reporting that to us, it saved a lot of time for our QA Testing Team.

    Let me know if you need any further assistance with the other points from the ticket.

    And if anything else comes up, please don't hesitate to open new tickets.

    Our policy is to keep one subject per ticket, when possible.

    Thank you.

    Kind Regards, 

    Miloš Jovanović
    [email protected]

    Rate my support

    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