Hey there, Awesome Customers!

Just a heads up: We'll be taking a breather to celebrate International Workers' Day (May 1st and 2nd - Wednesday and Thursday) and Orthodox Easter from Good Friday (May 3rd) through Easter Monday (May 6th). So, from May 1st to May 6th, our team will be off enjoying some well-deserved downtime.

During this time, our customer support will be running on a smaller crew, but don't worry! We'll still be around to help with any urgent matters, though it might take us a bit longer than usual to get back to you.

We'll be back in action at full throttle on May 7th (Tuesday), ready to tackle your questions and requests with gusto!

In the meantime, you can explore our documentation for Amelia and wpDataTables. You'll find loads of helpful resources, including articles and handy video tutorials on YouTube (Amelia's YouTube Channel and wpDataTables' YouTube Channel). These gems might just have the answers you're looking for while we're kicking back.

Thanks a bunch for your understanding and support!

Catch you on the flip side!

Warm regards,

TMS

Okay
  Public Ticket #2776613
Plus sign for collapsed columns
Closed

Comments

  •  2
    Marian Harris started the conversation
    May 14, 2021 at 8:56am

    Hi,

    Is there a way to make the plus-sign (that indicates collapsed columns on mobiles) bigger?

    Thanks!!

  • [deleted] replied
    May 17, 2021 at 1:13pm

    Hi Marian

    Thank you for reaching out to us.

    Unfortunately this is not possible using the plugin's builtin options but you can change the actual image using CSS and like that you can adjust the size.

    You can use this for example

    table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:after,
    table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander:after {
        height: 19px !important;
        width: 19px !important;
        background-image: url("/wp-content/plugins/wpdatatables/assets/img/plus.png") !important;
    }
    table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander::after {
        background-image: url("/wp-content/plugins/wpdatatables/assets/img/plusafter.png") !important;
        background-position: unset !important;;
    }
    table.has-columns-hidden > tbody > tr > td > span.responsiveExpander:hover::after {
        background-position: unset !important;
    }

    Do let us know if there is anything else we can assist you with.

  •  2
    Marian Harris replied
    May 18, 2021 at 2:02am

    Hi Blazenka,

    Thank you so much. That works beautifully.  I really appreciate your doing that for me. I would never have figured it out myself.

    Best,

    Marian

  • [deleted] replied
    May 18, 2021 at 8:07am

    You are most welcomesmile.png

    I am glad to hear it helps. Do let us know if there is anything else we can assist you with.

    Have a wonderful day!