How To Adjust The Container Width Of Shaper Pro 365 - Question | JoomShaper

How To Adjust The Container Width Of Shaper Pro 365

DV

Dick Verschuur

Helix Framework 11 months ago

Good morning!

I am transferring my old website from Template WT Host Pro to Shaper Pro 365.

Both SP Page builder, both Helix.

I have set up the quickstart as an example: https://dickverschuur.nl/

I have installed the template in a copy of the website and am working on that: https://metdick.nl/nl/


Q1: The container width is set to 1320 in the basic settings of both sites This is okay in the quickstart But the width of my working copy is 1180... I cannot find where to fix this

0
9 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 11 months ago #176027

I was already about to ask, but.... you found it ;]

please next time use TWO different browsers before asking ANY question.


Have a nice day. And mark topic as solved.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 11 months ago #175962

Hoi Dick

what is "Shaper Pro 365" ??? we don't have such a product, but we have "News365". Next time please use correct names otherwise our support team would be confused. Thx.


Default container from template is

@media only screen and (min-width: 1400px) {
  .sppb-container, .container, body .sppb-row-container {
    width: 1335px;
    max-width: 1335px;
  }
}

If you want to use different width, make override using Custom CSS, and there use "!important" to make your rule stronger !! max-width: 1335px !important; but you probably know that trick as webmaster.

0
DV
Dick Verschuur
Accepted Answer
11 months ago #175972

Good morning once again Paul!

Thank you very much for your reply!

You were right: I already knew that trick. Yesterday I also used it to get where I wanted to be. This is in my Custom CSS:

@media only screen and (min-width: 1400px) {
  .sppb-container, .container, body .sppb-row-container {
    width: 1320px;
    max-width: 1320px !important;
  }
}

There is no effect

Please check: https://metdick.nl/nl/

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 11 months ago #175981

My Firefox Inspector says it's used, look

info_2801_2024.gif

0
DV
Dick Verschuur
Accepted Answer
11 months ago #175995

???

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 11 months ago #176019

So we have the same resolution on our screens.

  • dickverschuur - in component area (SPPB) uses width: 1335px and max-width: 1335px .
  • metdick - also in component area (SPPB) uses width: 1335px and max-width: 1335px .

Have you used two different browsers - just in case of "cache issues"?


About "Puzzle" or we talk about different areas or you have to talk with your niederland friend (who is also webmaster) to consult him what you see.


I need real proofs (evidences), like video with Code Inspector in the action. You saw my screenshot.

0
DV
Dick Verschuur
Accepted Answer
11 months ago #176020

Hmmm

you have me puzzled onze again

You have the best proof that I can give you:

https://dickverschuur.nl

https://metdick.nl

Compare the two

One has a width of 1320, the other a width of 1170. You can measure yourself by using a screenshot tool

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 11 months ago #176023

I tested your home page again, each Section (also bottom and footer) has 1335px for all containers.

And screenshot tool is NOT for counting width. I talk about real webmaster tools.

Video >>

0
DV
Dick Verschuur
Accepted Answer
11 months ago #176025

I found the mishap:

The view on one of the screens was 90%, on the other 100%

GRRRRRRRRRRRR!

Problem solved: sorry for taking your time!

0