• Resolved kebikec

    (@kebikec)


    Hello,

    The background of the painting I’m creating needs to be transparent.
    I tried a trick by giving the background color as rgba and pulling the white value to a value that will not be obvious, such as 0.01.
    But even though it is rgba, I cannot give the alpha value other than 1.

    Could it be a bug?

Viewing 1 replies (of 1 total)
  • Plugin Author wpDataTables

    (@wpdatatables)

    Hello,
    We are not sure what you are trying to achieve exactly when you say a ‘painting’, but if you wish to make a background of our Table transparent, here is how it can be done with adding custom CSS to the Page where your table is.

    For making the background transparent ( if you use table linked from CSV or Excel) for the Table’s HTML container, try this CSS :

    .wpdt-c .wpDataTables.wpDataTablesWrapper {
    ? ? background: transparent !important;
    }

    Custom code needs to be applied to the page where the booking form is. Depending on what you’re using (Gutenberg blocks, or some page builder), adding the CSS or JS can be done in a few different ways. 

    If you need help with adding custom CSS to the page, please take a look at this article.


    Here is how my example Table looks, when i set a purple background color on the Page, and the Table container is transparent :

    3665553716.png


    We also have a “Customize” Section where you could easily set some colors inside your table, like odd and even row background color, etc, but the Customize is not available in our Free version.

    If you need more details on that subject, please open a ticket on our?main Support platform here,

     and one of our Agents will respond as quickly as possible.

    If you don’t have a licence (or if it expired), please open a pre-purchase ticket which doesn’t require a purchase code.

    Premium products are not supported?in these forums, as per?this?comment?by www.remarpro.com moderators.

    2. Or if you use a Simple table type, then you can use this CSS to make the background color of the entire table, including all cells transparent by adding the alpha value as 0.0 in RGBA :

    .wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tbody td {
    background-color: rgba(0, 0, 255, 0.0) !important;
    }

    Or if you just wish to ‘target’ a specific Simple Table, you can add its ID like this :

    table#wpdtSimpleTable-135 tbody td {
    background-color: rgba(0, 0, 255, 0.0) !important;
    }

    Just make sure to use your Table ID instead of 135 in the code.
    Here are two ‘before’ and ‘after’ CSS screenshot comparisons to see how it makes the Simple table transparent for all cells :


    Let us know if this achieves your desired use-case or if you wanted something else/ or more specific.

    Kind regards.

Viewing 1 replies (of 1 total)
  • The topic ‘transparent background (rgba)’ is closed to new replies.