We're Moving to a New Support Platform – Starting June 1st!

We’re excited to let you know that starting June 1st, we’ll be transitioning to a new support system that will be available directly on our product websites – Amelia, wpDataTables, and Report Builder. In fact, the new support platform is already live for Amelia and wpDataTables, and we encourage you to reach out to us there.

You'll always be able to reach us through a widget in the bottom right corner of each website, where you can ask questions, report issues, or simply get assistance.

While we still do not offer live support, a new advanced, AI-powered assistant, trained on our documentation, use cases, and real conversations with our team, is there to help with basic to intermediate questions in no time.

We're doing our best to make this transition smooth and hassle-free. After June 1st, this current support website will redirect you to the new "Contact Us" pages on our product sites.

Thanks for your continued support and trust – we’re excited to bring you an even better support experience!

Okay
  Public Ticket #3148368
Increasing size of response expander and giving it a background color
Closed

Comments

  • Mark Sayegh started the conversation
    October 18, 2022 at 2:39am
    I have been trying for the last couple of days to make the response expander a little bit bigger and I also wanted to change the background of the circle or square with edges that surrounds it.   In your example use any color, I will be able to change the hex of it.

    I just want to make it a bit bigger and give it a background color, please help.
    Other table plugins even have the + sign changing colors when you click on it, I really hope you offer this feature.

    The + icon appears when you have columns that are hidden on mobile and you click it and it displays them on mobile devices.
    Also please let me know in what section of CSS to add it since you guys have CSS for the table and CSS for the global settings . 

  •  1,895
    Miloš replied
    October 18, 2022 at 8:11pm

    Hi, Mark

    I can't seem to get any rows to appear from my end when I visit the related page - no matter what I choose in the filters,

    so I can't work directly on your page to try and find some CSS for you :

    9295771941.png

    But I have an example that we generally made for the little  + expander button :

    You can use this CSS on the page:

    table.has-columns-hidden>tbody>tr>td>span.responsiveExpander, table.has-columns-hidden>tbody>tr.detail-show>td span.responsiveExpander {
padding: 10px !important;
}

    And it will increase the size of that button.

    -

    For background color, try this :

    table.has-columns-hidden > tbody > tr > td > span.responsiveExpander{
    background-color : green !important;
}

    This is how my table looks with the CSS :

    7204989959.png

    You can add this to the table custom CSS, in Customize tab, of the table settings, and it should work.smile.png

    Let me know if that works for you.

    If not, please let me know how I can get some rows to appear on your table, so that I can work directly on the page to try out some CSS?

    Thank you

    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 | Instagram | Front-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | Instagram | Amelia 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