Lay Theme Forum

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

    Not scalable text in gridder

    Feedback
    2
    11
    865
    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.
    • shchepinov
      shchepinov last edited by

      Hi!
      I would like to make a text block in gridder not scalable. Just only text, without photos. Can you help me with it?
      Here is an example of the page where this is realized — https://blog.maap.cc/cycling-through-croatia
      Thanks!

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

        Dear @shchepinov
        what do you mean with scalable?

        The text is not scaling automatically. It has breakpoints.

        Happy to hear more.

        Marius

        www.mariusjopen.world

        1 Reply Last reply Reply Quote 0
        • shchepinov
          shchepinov last edited by

          To make it more clearer, I recorded a video — https://www.youtube.com/watch?v=bGm2Yxn26q0

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

            Dear @shchepinov
            do you mean the space on the left and right side of the text?

            The textsize does not scale on both videos.

            Best!

            Marius

            www.mariusjopen.world

            1 Reply Last reply Reply Quote 0
            • shchepinov
              shchepinov last edited by

              Yes, right! Can i make max width just only for text block? Presently max width work for all content.

              1 Reply Last reply Reply Quote 0
              • shchepinov
                shchepinov last edited by

                Marius, that's what I mean — https://yadi.sk/i/ONVlJG493YtBnm
                Can you help me?)

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

                  Dear @shchepinov

                  ok. I understand.

                  With CUSTOM CSS you can edit the padding and the width of only the text boxes:

                  .text {
                      padding-left: 10%;
                      padding-right: 10%;
                  }
                  
                  

                  I hope that brings you in the direction you were looking for.

                  All the best!

                  Marius

                  www.mariusjopen.world

                  1 Reply Last reply Reply Quote 0
                  • shchepinov
                    shchepinov last edited by

                    @mariusjopen said in Not scalable text in gridder:

                    padding-left: 10%

                    Thanks for answer, Marius. But this code doesn't work as i want :)
                    I try фanother code with full widt text block in gridder and it is nearly what you need, but how i can put a gridder text block in the center?
                    .text {
                    max-width: 1200px;
                    ? centered text block
                    }

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

                      Dear @shchepinov

                      I recommend to sue the TEXT FORMATS to center the text.

                      You could use CUSTOM CSS. But why not use the text formats? Thats what they are made for.

                      Best!

                      Marius

                      www.mariusjopen.world

                      1 Reply Last reply Reply Quote 0
                      • shchepinov
                        shchepinov last edited by shchepinov

                        Marius, great news! I use in custom css this code:

                        .col.text{
                        max-width: 900px!important;
                        margin-left: auto!important;
                        margin-right: auto!important;
                        padding-left: 3%!important;
                        padding-right: 3%!important;
                        }

                        and in post edit HTML class and id. So, everything is fine. Thanks!

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

                          Dear @shchepinov
                          perfect!

                          Thank you for sharing!

                          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

                          S
                          A
                          F
                          F
                          C

                          Recent Topics

                          • Unable to Update Add ons (plugins)

                          • S

                            Links don't work / pages don't show up

                          • F

                            New button feature not available

                          • S

                            Theme crashed - because of Polylang?

                          laytheme.com