WordPress.org

1. aniram
   Member
   Posted 1 year ago #

   Hello,
   I have a trouble using Arclite theme. It has many nice features and nice design, yet I found that the tables in this theme come grey on the page and have a hover effect when mouse-over. Using a white background it comes quite ugly on the pages.
   The only way to remove this feature is by modifying of the CSS code (there is an option there) so the user can use his own settings.
   I tried
   table {
   background-color: white;
   background-color: #FFFFFF;
   color: #FFFFFF;
   hover: no hover;
   }
   Nothing of these seems to help.
   Have someone any ideas how to cancel this hover effect in tables and just to leave the table white and plain?
   Thanks for your help

2. Izvarinskij
   Member
   Posted 1 year ago #

   It cannot understand hover:no hover, there is no such property. You need to search for tr:hover{ … } in code and delete it.

3. aniram
   Member
   Posted 1 year ago #

   I don't want to go to the files themselves since i'm not a coder and i can spoil there something. There is a window for custom code like
   body {
   background-color: #FFFFFF;
   }
   So it changes the color of the body of the pages, etc. These new inclusions overwrite the settings of the initial encoding and it solves the problem.
   Can you pls help me with the proper simple css code to remove that hover option? The table in a non-touched state comes grey and when mouse over it turns white. And it's quite ugly provided that the whole body of the page is white.
   Thanks in advance for your help,
   Aniram

4. Izvarinskij
   Member
   Posted 1 year ago #

   Add same background for hover as for normal state:
   

   table tr:hover td, tr:hover{ background:#fff; }

5. aniram
   Member
   Posted 1 year ago #

   Dear Izvarinskij,
   I tried the code you suggested. Also tried this code:

   table tr:hover
   td,tr:hover {
   background-color: #FFFFFF;
   !important;
   }

   With versions of background/background-color.
   To my regret - no result.
   Thanks for your help,

6. aniram
   Member
   Posted 1 year ago #

   For those who have same troubles with the background hover in tables of this theme the proper code is:

   /* tables */

   table{
   margin: .0em 0 0em;
   }

   table td, table th{
   text-align: left;
   border-right: 0px solid #FFF;
   padding: .4em .8em;
   }

   table th{
   background: #FFF url(images/table-header.gif) repeat-x left top;
   color: #fff;
   text-transform: uppercase;
   font-weight: normal;
   border-bottom: 0px solid #fff;
   }

   table td{
   background: #fff;
   }

   table tr.even td{
   background: #fff;
   }

   table tr:hover td{
   background: #fff;
   }

   Just copy-paste in the custom window in Arclite settings page. It works!

7. comparebest
   Member
   Posted 1 year ago #

   what if you need to use different backgrounds with different tables

8. comparebest
   Member
   Posted 1 year ago #

   fixed it, in order to get read of table stiles go to your theme folder on your server and edit main theme CSS file, find tables section and wipe it off completely ;) enjoy

Topic Closed

This topic has been closed to new replies.