Table button

  • Resolved Michel.z

    (@michelz-1)


    7 years, 11 months ago

    Hi,

    1.) I am trying to display white text within the buttons of my table, but it doesn’t work out for some reason. I added below custom CSS within your plugin:

    .tablepress-id-35 .column-4 a {
    border: 1px solid #3399ff;
    background-color: #3399ff;
    padding: 8px;
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    white-space: nowrap;
    }

    Please see screenshot here: https://ibb.co/b7Nbaa
    Our website URL: https://www.lordbingo.co.uk/

    2. Also wondering if you know how to make no. 1 in the table (see screenshot) into a red small circle displaying no. 1 within in ‘white’ color?

    Thanks
    Michel

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

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    This is more a problem of the content of the table, so that I can only help up to certain limits here, I’m afraid.

    Your buttons have the HTML ID “playnow” (which however should actually be unique) on the page. In addition, these buttons set a text color of light blue. To override that, please try modifying the line
    color: #ffffff;
    to
    color: #ffffff !important;

    For the red circle with the “1”, you could try something similar. Add e.g. a round border and background to the <div> or <span> HTML element that you have for those.

    Regards,
    Tobias

    Thread Starter Michel.z

    (@michelz-1)

    Hi Tobias,

    The code for the ‘Play Now’ button you gave me works perfect. Thanks a lot!

    Which code you suggest for creating a red circular background (around the #1)?
    The #1 can be in white color.

    Best,
    Michel

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi Michel,

    it would be similar code. I suggest that you play around with that a bit yourself.

    Regards,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Table button’ is closed to new replies.