Okay
  Public Ticket #3036438
Layout - transparent
Closed

Comments

  • Linus Lancin started the conversation
    May 3, 2022 at 1:40pm

    I'd like to put the wpDataTable on top of a picture on the webpage, and have seen the Customize-tab to make the rows/header transparent. However, behind the table we have full wpDataTable block, including the base skin, so there is a white block behind between my picture and the table.

    Where shall I adjust the CSS to get the full transparency?

    Thanks, /Linus

  •  1,851
    Miloš replied
    May 5, 2022 at 9:06pm


    Hi, Linus

    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.

    -

    I have an example for using the Aqua skin on my local table, it will look transparent like this :

    4352600834.png

    This is the custom CSS you can add to the table ( i am guessing you don't need additional CSS for the headers, so i will just focus on the rest of the table) :

    .wpDataTablesWrapper table.wpDataTable td {
background: #42065a00 !important;
}
.wpdt-c.wdt-skin-aqua .wpDataTablesWrapper {
    
    background: #ffffff00;
  
}

    but if you use another skin, it might need a different CSS, i am not 100% sure.

    Let me know if that does the trick, and if you need any additional assistance. Thanks.smile.png

    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