How To Set Width of text block? - Forum | JoomShaper
Solved SP Page Builder

How To Set Width of text block?

Asked by Peter Klinke 1 year ago Last activity 1 year ago

Hello,

I am sitting before an website and do not find out how to enhance the width of a text block.

Screenshot

On small screens and mobiles the width is not wide enough

Screenshot

What I ever did had no success.

Thanks in advance for help.

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
1 year ago · edited

Do it for Tablet & Mobile Landscape

tablet.gif

info_3021_2025.gif

Alles klar?

5 more replies

Oldest first Newest first Most helpful
Mehtaz Afsana Borsha Staff
1 year ago

Hi

Thanks for contacting us. You can use this CSS in your custom.css file

#sppb-addon-1512068798151 .sppb-addon-text-block .sppb-addon-content {
    width: 800px !important;
}

-Regards.

Peter Klinke Asked this
1 year ago

Thank you for quick response!
Is the width of text block fix defined in pagebuilder?

When I add your css, it looks like this:
Screenshot

Paul Frankowski Senior Staff
1 year ago · edited

Peter, If I may...

I would use that instead of shared before CSS:

@media screen and (max-width: 860px) {
#sppb-addon-1512068798151 .sppb-addon-text-block .sppb-addon-content {width: 100%;}
}

And change settings inside Text Addon in Tablet view:

  1. Remove left margin , set 0px (now is 120px)
  2. and set Width to 100 (now is 70%)

and will be OK.

Current settings set for Desktop made that smaller box also on Tablet (iPad) and iPhone Horizontal view.

Peter Klinke Asked this
1 year ago

Alles klar :-)

Danke, Paul

Mehtaz Afsana Borsha Staff
1 year ago

Glad to know that its solved. Thanks Paul for helping him.

Log in to reply.