Table background in Arclite

  • aniram

    (@aniram)


    15 years, 10 months 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

Viewing 7 replies - 1 through 7 (of 7 total)
  • izvarinskij

    (@izvarinskij)

    15 years, 10 months ago

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

    Thread Starter aniram

    (@aniram)

    15 years, 10 months 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

    izvarinskij

    (@izvarinskij)

    15 years, 10 months ago

    Add same background for hover as for normal state:

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

    Thread Starter aniram

    (@aniram)

    15 years, 10 months 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,

    Thread Starter aniram

    (@aniram)

    15 years, 10 months 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!

    comparebest

    (@comparebest)

    15 years, 6 months ago

    what if you need to use different backgrounds with different tables

    comparebest

    (@comparebest)

    15 years, 6 months 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

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

The topic ‘Table background in Arclite’ is closed to new replies.