Not scalable text in gridder

[mariusjopen]

Dear @shchepinov
what do you mean with scalable?

The text is not scaling automatically. It has breakpoints.

Happy to hear more.

Marius

[shchepinov]

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

[mariusjopen]

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

[shchepinov]

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

[shchepinov]

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

[mariusjopen]

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

[shchepinov]

@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
}

[mariusjopen]

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

[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!

[mariusjopen]

Dear @shchepinov
perfect!

Thank you for sharing!

Best!

Marius