How To Set Width Of Text Block? - Question | JoomShaper

How To Set Width Of Text Block?

PK

Peter Klinke

SP Page Builder 10 months 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.

0
6 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 10 months ago #179743

Do it for Tablet & Mobile Landscape

tablet.gif

info_3021_2025.gif


Alles klar?

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 10 months ago #179736

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.

0
PK
Peter Klinke
Accepted Answer
10 months ago #179739

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

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 10 months ago #179740

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.

0
PK
Peter Klinke
Accepted Answer
10 months ago #179778

Alles klar :-)

Danke, Paul

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 9 months ago #179841

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

0