To insert code in a forum thread or comment wrap it in code tags : <code>...</code>.
Change the colour of the table
  • Vote Up0Vote Down jmunto11jmunto11
    Hi,

    How do I change the background and hover colours of the table which comes with the striking theme?

    Thanks
    Jonathan
    Screen shot 2011-02-27 at 16.11.14.png
    659 x 291 - 42K
  • 12 Comments sorted by
  • Vote Up0Vote Down KaptinLinKaptinLin
    Hi Jonathan,

    You use custom css code in striking->general options page.

    .table_style th
    {
    background-color:#EEEEEE;
    }
    .table_style tbody
    {
    background: #F9F9F9;
    }
    .table_style tbody tr:hover td
    {
    background: #fff;
    }
    .table_style tfoot
    {
    background-color:#f3f3f3;
    }



    Regards,
    KaptinLin
  • Vote Up0Vote Down jmunto11jmunto11
    Hi thanks

    Thanks for this! Starting to look great

    One more question though:

    How do I change the color of the text within the table. It seems to be ignoring the color I set in the color menu.

    Also,

    How do I edit the border and horizontal lines of the table.

    Many thanks once again, the support is great!

    Jonathan
  • Vote Up0Vote Down WebsysWebsys
    Hi,

    to change the table border:

    .table_style
    {
    border: 1px solid #dddddd;
    margin-bottom:20px;
    }

    So you can change both your border color and thickness by changing this setting.

    I don't have any of the css styles for Striking with me (the above is off memory and deduction from what is in Kappy's post above) but if you go into the screen.css file you can see all the css styles for Screen, and thus you can deduce for yourself what is happening, and select any item you want to change.

    Please remember to close thread if you need no further assistance.

    Happy Striking
    Websys Team
  • Vote Up0Vote Down KaptinLinKaptinLin
    Hi Jonathan,

    You can try custom css code for the text in the table.

    .table_style {
    color:#0000ff;
    }


    Regards,
    KaptinLin


  • Vote Up0Vote Down realestaterealestate
    Can you use custom css to make the table left aligned?
  • Vote Up0Vote Down KaptinLinKaptinLin
    Hi realestate,

    Try this.

    .table_style td
    {
    text-align:left;
    }
    .table_style th
    {
    text-align:left;
    }

    Regards,
    KaptinLin
  • Vote Up0Vote Down jmunto11jmunto11
    Hi guys,

    Thanks for you help, but the this CSS doesnt seem to be working? The text color one is doing nothing while the border one is making the table narrower.

    Any ideas?

    Thanks
    Jonathan
  • Vote Up0Vote Down KaptinLinKaptinLin
    Hi,
    You can try the custom css below for text in table.

    .table_style td {
    color:#0000ff;
    }
    .table_style th {
    color:#0000ff;
    }

    Regards,
    KaptinLin
  • Vote Up0Vote Down jmunto11jmunto11
    Hi Kaptinlin,

    I'm having another issue with the table.

    Whenever I hover over a row in the table the text seems to disappear?

    You can see it live here: jonathantest.info

    Thanks for your help
    Jonathan
  • Vote Up0Vote Down KaptinLinKaptinLin
    Hi Jonathan,

    You can change the hover color to another.
    .table_style tbody tr:hover td {
    color: #fff;
    }

    Regards,
    KaptinLin
  • Vote Up0Vote Down jmunto11jmunto11
    Thanks for you help KaptinLin. Excellent help as always
  • Vote Up0Vote Down dkbyrondkbyron
    Hi. I just purchased your theme and I love it! I'm also trying to change the table format so that it has borders, and I found this thread. I put the following in Custom CSS in Striking->General options:
    .table_style
    {
    border: 3px solid #000000;
    }
    But it doesn't appear to have any effect. Still no border. Any suggestions? You can see it here:
    http://www.gracenotefarm.com/?page_id=1545
    Thanks!
This discussion has been closed.
All Discussions