Lay Theme Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Popular
    • Users
    • Search

    fluid font size / fixed text format by changing browser size

    General Discussion
    2
    4
    431
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • O
      ontherun last edited by

      Hi,

      Im new into Lay theme and try my first steps.
      I want to to do an basicly 2 column layout, one column the caroussel with slideshow, next to it in same row the description text.

      Now, when I change the browser size, the caroussel is fluidly changing its size, but the text remains in its given font size. This is leading to an unproportinal layout by having a mini-slideshow and a 2 or 3 words a line broken text next to it.

      how is the way to have a fluid textsize. or a fixed textformat, which relativly changing its size by changing the browser size?

      i hope it is understandable.
      thank you in advance.

      robert

      1 Reply Last reply Reply Quote 0
      • mariusjopen
        mariusjopen Global Moderator last edited by

        Hi @ontherun
        yes. The text does not change its size proportionally.
        Sometimes that is a good setup. But mostly it is not the desired effect.

        Anyway. You can achieve that by adding some CUSTOM CSS.

        ._Default {
            font-size: 2vw;
        }
        

        This is making the default text format always in 2% size of the window width.

        You can play around with that.

        Hope I could help!

        Best!

        Marius

        www.mariusjopen.world

        1 Reply Last reply Reply Quote 0
        • O
          ontherun last edited by

          Thanks for the quick reply.

          At which position do I set this command.
          Just Custom Css, and add the command?

          Thank you.

          1 Reply Last reply Reply Quote 0
          • mariusjopen
            mariusjopen Global Moderator last edited by

            Dear @ontherun

            you can add the CUSTOM CSS code here:
            0_1529143930922_Bildschirmfoto 2018-06-16 um 12.11.49.png

            Best!

            Marius

            www.mariusjopen.world

            1 Reply Last reply Reply Quote 0
            • First post
              Last post

            Before you post

            Use the Search Feature. Maybe there is already a solution to your issue.

            1. Update Lay Theme and all Lay Theme Addons
            2. Disable all Plugins
            3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
            4. Now see if your problem solved itself
            5. Go here, see if your problem is listed here:
            Troubleshooting

            When you post:
            1. Post a link to where the problem is
            2. If the problem is difficult to explain, post screenshots / link to a video to explain it

            Thanks!

            Online Users

            A
            S
            7
            T
            K

            Recent Topics

            • A

              can't change front page

            • A

              Theme crashed - because of Polylang?

            • M

              komische boxen auf der Website

            laytheme.com