Colour and Hover for Columns

  • Resolved amanfre

    (@amanfre)


    5 years, 3 months ago

    Hi Tobais,

    Having some trouble setting colour and hover for a specific column.

    For example, please refer to page https://bit.ly/2VOBPG3

    You will see already some columns are already in the colour blue which have been made possible using html directly into each cell.

    I want to assign a colour and hover for each of these colunms without applying html into each cell and making seamless control for any potential changes in the future.

    I have tried inputting some css via the plugin options to make it work but didnt have any success.

    Thanks in advance.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    You should simply assign the color with CSS instead of all that extra HTML code:

    .tablepress-id-123 a {
  color: #ff0000 !important;
}
.tablepress-id-123 a:hover {
  color: #00ff00 !important;
}

    Regards,
    Tobias

    Thread Starter amanfre

    (@amanfre)

    Thanks for the response. The hover works but the colour doesnt. I think it may be my theme overriding it. How would i know for sure?

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    what exactly is not working in which table? Can you please explain that in more detail? What are you expecting to happen where and what is happening instead? Can you maybe post screenshots?
    Also, I recommend to also get rid of all those extra HTML (maybe in a test table first), to rule out any interference.

    Regards,
    Tobias

    Thread Starter amanfre

    (@amanfre)

    Sorry if I wasnt so clear. I am referring to table-id-1 which is shown a number of different ways on the page link I initially provided to you.

    If you look at those tables on the page link you will see some columns are already in blue font colour, which is what I want, however this was only possible by entering in colour codes in each cell via html. The CSS code to provide a blanket approach isnt working for me.

    As a test I created another table without any html and tried the CSS to change the colour. That is also not working, so i dont believe there is any html interference.

    Any ideas?

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    if you add

    .tablepress-id-1 a {
  color: #118adb !important;
}

    to the CSS and remove the color from the inline HTML style of the <a> tags, the color will change! ??

    Regards,
    Tobias

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Colour and Hover for Columns’ is closed to new replies.