CSS not appearing to work

  • Resolved andyward75

    (@andyward75)


    6 years, 10 months ago

    I have two tables on the above page both very similar. The heading rows are text links and the tbody rows are image links. They are table ids 3 and 4 and teh following css has been applied

    .tablepress-id-3 thead th {
    text-align: center;
    }

    .tablepress-id-3 tbody td {
    text-align: center;
    align-content: center;
    }

    .tablepress-id-4 thead th {
    text-align: center;
    }

    .tablepress-id-4 tbody td {
    text-align: center;
    align-content: center;
    }

    The align-content doesn’t appear to center my iamges – is there any equivalent to align the images?

    Many Thanks

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    6 years, 10 months ago

    Hi,

    thanks for your question, and sorry for the trouble.

    We’ll need to adjust the display mode of the images a bit. Also, there’s no CSS property align-content, so that this shorter version should be sufficient:

    .tablepress-id-3 th,
.tablepress-id-3 td,
.tablepress-id-4 th,
.tablepress-id-4 td {
  text-align: center;
}
.tablepress-id-3 img,
.tablepress-id-4 img {
    display: inline !important;
}

    Note that you’ll also have to clear the CSS minification cache of the WP Fastest Cache plugin that you are using.

    Regards,
    Tobias

    Thread Starter andyward75

    (@andyward75)

    6 years, 10 months ago

    Many thanks Tobias (again!) All looks as I wish it now.

    Kind Regards

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    6 years, 10 months ago

    Hi,

    no problem, you are very welcome! 🙂 Good to hear that this helped!

    Best wishes,
    Tobias

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

The topic ‘CSS not appearing to work’ is closed to new replies.