Table background color

  • heinohund

    #3634

    Hi,

    Is there an easy way to get rid of the light blue background color in a table?

    I also want to hide the lines of the table?

    BR

    Henrik

    Tee

    #25329

    What table background are you speaking of? Not entirely sure I understand your question.

    heinohund

    #25330

    Tee

    #25331

    I don’t see any light blue background color, it’s all gray did you figure it out?

    vasvaria

    #25332

    Try to put style="background-color: #ffffff; border: 0pt none;" into all your html tags (tr, th and td) which creates the table.

    heinohund

    #25333

    Tee_888: Well grey light blue 🙂 I think it is the same.

    vasvaria: I maybe can do it that way. But I wonder where the color came from and if I can make it disappear in all tables

    vasvaria

    #25334

    In the theme’s style.css find the following codes:

    table {

    border-collapse: collapse;

    }

    table td,

    table th,

    table tr {

    border: 1px solid #ccc;

    font-family: arial;

    padding: 2px 5px;

    }

    table th {

    background: #e0e0e0;

    border-bottom-width: 2px;

    }

    table tr {

    background: #f3f3f3;

    }

    table tr.alternate {

    background: #fff;

    }

    table#wp-calendar td,

    table#wp-calendar th,

    table#wp-calendar tr {

    border: none;

    }

    These settings are responsible for the look of the tables. Modify them and voila… you’re done.

    By the way, if you don’t use child theme, you will loose these modifications at the next theme upgrade.

    heinohund

    #25335

    Thanks…

    I think I have to learn about child theme

    Best regards

    Henrik

    Tee

    #25336

    Try to not touch any parent files, because it will create a lot of issues and heach aches later on whenever the theme has updates, and huge upgrades.

    I posted this on Beginners resources it will help you create your child theme EASY and FAST with one click.

    This should help for those having a hard time understanding how to create a child theme.

    http://wordpress.org/extend/plugins/one-click-child-theme/

    Download the plugin and literally click one button to create a full child theme. Your new folder on your ftp will show the new style.css, screenshot, style.rtl.

    After that your ready to edit your Child Theme without ever touching the original parent theme.

    heinohund

    #25337

    You are the best! And I am now a happy man HURRAY!!!

    Big Smile!

    Henrik

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.