• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 27.02.21, 21:55
  • Opened by: Lynda
  • Closed by: Fred
  • Closed on: 29.03.21, 11:23
  • Reason: Closed
  • Comment: Glad to help!

Ticket #20903 - Change max width

Hi Fred !

I would like modify max width only for certains CMS page ( for exemple https://www.kalyca.fr/fr/content/16-nos-engagements ).
Could you help me with CSS code please ?

Thank you !

Comments

Fred 28 Feb 2021, 09:31

Hi, Lynda.
try this

.cms-id-16 #wrapper {max-width:1200px}
Lynda 28 Feb 2021, 18:23

This code allows me to reduce max width but not to increase it.

Fred 01 Mar 2021, 10:21

I don’t understand, have you tried to increase the value?

.cms-id-16 #wrapper {max-width:1500px}
Lynda 01 Mar 2021, 18:08

Yes but but there isn’t difference on front office. However, when I decrease the value, it works on front office.

Attachments:

Capture d’écran 2021-03-01 a... (203.5 KiB)
Capture d’écran 2021-03-01 a... (112.8 KiB)
Fred 02 Mar 2021, 11:00

try this

.cms-id-16 #content-wrapper .page-width {max-width: 1500px}
Lynda 02 Mar 2021, 17:48

Perfect ! Thank you Fred !

Lynda 20 Mar 2021, 12:42

How to do the same think on AMP ? I don’t find cms-id on AMP…

Fred 20 Mar 2021, 12:48

I just added that class

Lynda 20 Mar 2021, 16:00

Thank you !

Fred 21 Mar 2021, 16:02

You are welcome!