Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

Okay
  Public Ticket #1795150
Text size is not responsive.
Closed

Comments

  • amit82886 started the conversation

    I had increased the text size of a text block at 200px through Span Style coding  in html tab of text block and it's good on desktop but it's not responsive on mobile. i had attached the images for reference. 

  •  7,095
    Oliver replied

    Hi,

    1. Add any class in the row or column settings with this block, for example custom-font-size.

    2. Use following css example to control it for the different screen resolutions:

    @media (max-width: 1000px) {
    .custom-font-size .title-xlarge span {
        font-size: 40px !important;
        line-height: 40px !important;
    }
    }
    @media (max-width: 768px) {
    .custom-font-size .title-xlarge span {
        font-size: 30px !important;
        line-height: 30px !important;
    }
    }
    @media (max-width: 500px) {
    .custom-font-size .title-xlarge span {
        font-size: 20px !important;
        line-height: 20px !important;
    }
    }

     

     

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver