• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 02.02.20, 19:21
  • Opened by: Lynda
  • Closed by: Fred
  • Closed on:
  • Reason:

Ticket #16717 - Display an image in fullwidth

Hi !

I would like to display the first image in fullwidth (like the slider image on my homepage) on this CMS page : https://www.kalyca.fr/fr/content/10-la-marque I don’t wan’t to change the page margins.
How to do this, please ?

Thank you.

Comments

Fred 03 Feb 2020, 10:30

Hi, Lynda.
Try to use Page Builder to achieve that

Lynda 10 Feb 2020, 15:35

Page builder allows to modify home page, product page, footer, or header, but not CMS page, doesn’t it ?

Lynda 10 Feb 2020, 19:39

In this case, what are these settings for?

Thank you.

Attachments:

Capture d’écran 2020-02-10 a... (243 KiB)
Fred 11 Feb 2020, 10:26

Try following CSS:

#cms .main-contant-wrapper > .page-width {max-width:100%;width:100%}
#cms #wrapper, #cms .page-content.page-cms {padding:0}
Lynda 11 Feb 2020, 15:39

It doesn’t work. Fullwidth option however works on the home page with Revolution slider widget.

Fred 11 Feb 2020, 18:05

Don’t forget about browser’s cache https://take.ms/Qc2es

Lynda 11 Feb 2020, 18:15

It’s OK. Thank you, Fred.

Lynda 12 Feb 2020, 00:48

New problem

Fred 12 Feb 2020, 00:48

what problem?

Fred 12 Feb 2020, 17:45

what is your problem?

Lynda 12 Feb 2020, 17:55

With your CSS, there is no more text margin on tablet and mobile !
Why does the Container and Content Fullwidth function not work on the widgets of this page when it works on the widgets of my homepage?

Thank you.

Attachments:

Capture d’écran 2020-02-11 a... (253.4 KiB)
Capture d’écran 2020-02-12 a... (375.1 KiB)
Fred 13 Feb 2020, 12:02

I just added a condition for full width image for big screens only

Lynda 13 Feb 2020, 21:41

But now the image is no longer in full width on small screens!

Fred 14 Feb 2020, 17:59

it looks like this now on mobile https://take.ms/YPY5u

Lynda 15 Feb 2020, 14:52

Yes, and I would like it to display like this (see attached file).

Thank you.

Attachments:

Affichage.jpg (179 KiB)
Lynda 01 Mar 2020, 16:01

Unsolved problem

Lynda 01 Mar 2020, 16:57

Did you find a solution to this bug ?

Thank you.

Fred 02 Mar 2020, 11:07

There is no bug. You asked about customisation

Lynda 04 Mar 2020, 21:47

In this case, what are these settings for?

Attachments:

Settings.png (243 KiB)
Fred 05 Mar 2020, 10:26

Yes, you are right, sorry.
Try also to add this CSS to make more spaces for the text:

#cms .pts-container-wrap > .page-width {width:90%}
Lynda 08 Mar 2020, 15:03

It’s good. Thank you, Fred.

Fred 08 Mar 2020, 19:57

you are welcome

Lynda 15 Feb 2021, 12:05

The CSS code doesn’t work.

Fred 15 Feb 2021, 12:05

Could you please give me a link to a page where I can see the issue?

Lynda 20 Mar 2021, 12:27

Could you re-open ticket #20903, please ?
https://support.promokit.eu/?do=details&task_id=20903&project=3

Fred 20 Mar 2021, 12:50

done