Shadow on header row

  • Resolved tirahwawas

    (@tirahwawas)


    4 years, 7 months ago

    Hi,

    I try to add a shadow on the table heade.

    I found this in one support thread.

    .tablepress thead {
    box-shadow: box-shadow: 0px 5px 10px 2px rgba(0,0,0,0.60);
    }

    I try used that css, but the shadow under the row header missing only on the left and right table appear.

    I want to make the header look like this https://imgur.com/a/WLsvcHR

    regards
    Tirah

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

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    Unfortunately, this will only work in rare cases, due to things like background colors on the rows, etc. Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

    Regards,
    Tobias

    Thread Starter tirahwawas

    (@tirahwawas)

    Hi Tobias,

    Thank you for the quick reply.

    Here is the link to the page where zi put the table https://amazingthailandspecialist.id/winner/

    I hope there is a way to make this happen.

    Many thanks,
    Tirah

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for the link! It should indeed be enough to make the even rows transparent here, by using this CSS:

    .tablepress .even td {
    background-color: transparent;
}

    Regards,
    Tobias

    Thread Starter tirahwawas

    (@tirahwawas)

    Hi Tobias,

    It’s work perfect!

    Thank you so much for your help.

    Regards
    Tirah

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! ?? Good to hear that this helped!

    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 ‘Shadow on header row’ is closed to new replies.