Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

GeneratePress GenerateBlocks

Modify text size in Table for mobile view

  • dpav111
    April 20, 2023 at 9:58 am

    Good Day,

    Would you assist in providing me with CSS code which allows me to change the “mobile view” size of text in a table I created.

    When I change the size of text in the mobile view port it also changes the text on desktop too.
    I would like to keep the current desktop text size but minimize the text on the mobile view only.

    Thanks in advance!

    Darin

  • Ying
    April 20, 2023 at 10:11 am

    Hi Darin,

    GP doesn’t have control over the table block as WP adds inline CSS to it to style the table.

    However, try this CSS to override it：

    @media(max-width: 768px) { 
figure.wp-block-table {
    font-size: 15px !important;
}
}
  • dpav111
    April 20, 2023 at 10:23 am

    That worked! Thank you very much Ying.

    Darin

  • Ying
    April 20, 2023 at 10:57 am

    No problem 🙂

    Glad to help!

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