Semi transparent background

  • Resolved Oby.

    (@oby4455)


    9 years, 2 months ago

    Hello,

    I would like to have a semi transparent background the for table with tablepress.

    I found the CSS code to make it totally transparent but I can’t find a way to make it semi-transparent (white).

    Does anyone knows how to do it? I have a white transparent as an overlay for the text on my website : https://goo.gl/ihiCPg

    background: rgba(255,255,255,0.5);

    I tried to make a similar CSS code for tablepress but I can’t make it work!

    Any help would be very much appreciated!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    9 years, 2 months ago

    Hi,

    thanks for your question, and sorry for the trouble.

    You will have to make sure that all parts of the table (the HTML table element, the rows, and the cells) get adjusted. For example, add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress tbody td {
    background-color: rgba( 255, 255, 255, 0.5 );
}
.tablepress,
.tablepress tr {
    background: transparent !important;
}

    Regards,
    Tobias

    Thread Starter Oby.

    (@oby4455)

    9 years, 2 months ago

    Hi Tobias,

    Thank you so much for your help and quick reply. I added the CSS code you posted and it worked!! 🙂

    The only issue is that only one table in the table is actually being semi-transparent :

    https://goo.gl/MTQolU

    It’s the same for this page : https://goo.gl/K3pJdJ

    How can I apply those changes for all tables on every page? Thank you again

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    9 years, 2 months ago

    Hi,

    if you turn off the “Alternating Row Colors” checkbox on the table’s “Edit” screen, and remove the “Custom CSS” that you have in place to change those alternating row colors, this should already work for all TablePress tables on the site.

    Regards,
    Tobias

    Thread Starter Oby.

    (@oby4455)

    9 years, 2 months ago

    Thank you! I did what you told me and unchecked the box “Alternating Row Colors: The background colors of consecutive rows shall alternate.” in the table options.

    Now it’s working! 🙂

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    9 years, 2 months ago

    Hi,

    great! Thanks for the confirmation!

    Best wishes,
    Tobias

    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Semi transparent background’ is closed to new replies.