Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 28, 2017 at 8:40 pm #870009
    eviang

    Hello,

    I would like to increase the font size of the table element. It appears to default to a small font size with no option to increase it.

    Please let me know if this is possible. Please see Private Content for webpage example.

    October 28, 2017 at 11:03 pm #870038
    Mike

    Hey eviang,
    Try this code in the General Styling > Quick CSS field:

    .page-id-8145 td {font-size: 26px !important; }

    this is meant to only work on the one page, you can remove the “.page-id-8145” to make it work on all pages.

    Best regards,
    Mike

    October 28, 2017 at 11:13 pm #870040
    eviang

    Thanks.

    Do you know why the headings do not increase to the same font size?

    And is there a way to make the cell contents be middle aligned (instead of top aligned)?

    It also looks like it’s a different font color to the default font color – how do I make it the same?

    October 28, 2017 at 11:36 pm #870044
    Mike

    Hi,
    Sorry, that was my error I forgot to add them:

    .page-id-8145 td, .page-id-8145 th {font-size: 26px !important; }

    With vertical alignment and color:

    .page-id-8145 td, .page-id-8145 th {font-size: 26px !important; vertical-align:middle!important; color: #666666!important; }

    You did want the table headers darker right?

    Best regards,
    Mike

    October 29, 2017 at 5:31 am #870057
    eviang

    Thank you. However the table cells are still top aligned instead of middle aligned. Did that extra code maybe only apply to the header row? I would like it to apply to the entire table.

    And is there a way to select the cell background color for the header row? (and also the header row font color)? Thank you.

    October 29, 2017 at 4:39 pm #870100
    Mike

    Hi,
    The reason why the table body didn’t middle align is that in you custom code you missed the first dot for the page ID.
    Please remove all of the code I gave you and use this new code that also gives the table header a blue background with white text, you can adjust to suit.

    .page-id-8145 td {font-size: 20px !important; vertical-align:middle!important; color: #666666!important; }
.page-id-8145 th {font-size: 20px !important; vertical-align:middle!important; color: #fff!important; background-color: blue !important;}

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.