Not scalable text in gridder
-
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! -
Dear @shchepinov
what do you mean with scalable?The text is not scaling automatically. It has breakpoints.
Happy to hear more.
Marius
-
To make it more clearer, I recorded a video — https://www.youtube.com/watch?v=bGm2Yxn26q0
-
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
-
Yes, right! Can i make max width just only for text block? Presently max width work for all content.
-
Marius, that's what I mean — https://yadi.sk/i/ONVlJG493YtBnm
Can you help me?) -
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
-
@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
} -
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
-
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!
-
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- 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:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it