Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. Feedback
  3. Not scalable text in gridder

Not scalable text in gridder

Scheduled Pinned Locked Moved Feedback
11 Posts 2 Posters 1.1k Views
  • 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.
  • shchepinovS Offline
    shchepinovS Offline
    shchepinov
    wrote on last edited by
    #1

    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
    0
    • mariusjopenM Offline
      mariusjopenM Offline
      mariusjopen
      Global Moderator
      wrote on last edited by
      #2

      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
      0
      • shchepinovS Offline
        shchepinovS Offline
        shchepinov
        wrote on last edited by
        #3

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

        1 Reply Last reply
        0
        • mariusjopenM Offline
          mariusjopenM Offline
          mariusjopen
          Global Moderator
          wrote on last edited by
          #4

          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
          0
          • shchepinovS Offline
            shchepinovS Offline
            shchepinov
            wrote on last edited by
            #5

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

            1 Reply Last reply
            0
            • shchepinovS Offline
              shchepinovS Offline
              shchepinov
              wrote on last edited by
              #6

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

              1 Reply Last reply
              0
              • mariusjopenM Offline
                mariusjopenM Offline
                mariusjopen
                Global Moderator
                wrote on last edited by
                #7

                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
                0
                • shchepinovS Offline
                  shchepinovS Offline
                  shchepinov
                  wrote on last edited by
                  #8

                  @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
                  0
                  • mariusjopenM Offline
                    mariusjopenM Offline
                    mariusjopen
                    Global Moderator
                    wrote on last edited by
                    #9

                    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
                    0
                    • shchepinovS Offline
                      shchepinovS Offline
                      shchepinov
                      wrote on last edited by shchepinov
                      #10

                      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
                      0
                      • mariusjopenM Offline
                        mariusjopenM Offline
                        mariusjopen
                        Global Moderator
                        wrote on last edited by
                        #11

                        Dear @shchepinov
                        perfect!

                        Thank you for sharing!

                        Best!

                        Marius

                        www.mariusjopen.world

                        1 Reply Last reply
                        0
                        Reply
                        • Reply as topic
                        Log in to reply
                        • Oldest to Newest
                        • Newest to Oldest
                        • Most Votes


                        I also code custom websites or custom Lay features.
                        💿 Email me here: 💿
                        info@laytheme.com

                        Before you post:
                        1. When using a WordPress Cache plugin, disable it or clear your cache.
                        2. Update Lay Theme and all Lay Theme Addons
                        3. Disable all Plugins
                        4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

                        This often solves issues you might run into

                        When you post:
                        1. Post a link to where the problem is
                        2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
                        3. If the problem is difficult to explain, post screenshots / link to a video to explain it
                        Online Users
                        Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
                        laytheme.com
                        • Login

                        • Don't have an account? Register

                        • Login or register to search.
                        • First post
                          Last post
                        0
                        • Recent
                        • Tags
                        • Popular
                        • Users
                        • Search