A particular grid

aleph
20 Posts
aleph posted this 18 November 2020
Ask a Question

Hello, I should reproduce exactly a section equal to the attached image but I am going crazy trying. Could you give me some indication or help

Hello, I should reproduce exactly a section equal to the attached image but I am going crazy trying. Could you give me some indication or help

Last edited 18 November 2020 by aleph

Vote to pay developers attention to this features or issue.
7 Replies
Order By: Standard | Newest
Support Team
Support Team posted this 19 November 2020

Hi Francesco,

You can try to add a Block and place the Group on the left side and the Grid with 3 columns on the right.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Francesco, You can try to add a Block and place the Group on the left side and the Grid with 3 columns on the right. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
aleph
20 Posts
aleph posted this 19 November 2020

so far no problem, it is overlapping the images as in the figure and making everything correctly visible both on desktop and on tablets and smartphones

so far no problem, it is overlapping the images as in the figure and making everything correctly visible both on desktop and on tablets and smartphones
Support Team
Support Team posted this 19 November 2020

Hi,

Could you please describe in detail what difficulties you encountered?

In general, you can use the 4 columns grid too:

grid-example.png

The exact solution depends on the result you want to achieve in each responsive mode. But in any case, you will need to make manual adjustments to make the Block look as it should.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi, Could you please describe in detail what difficulties you encountered? In general, you can use the 4 columns grid too: !grid-example.png! The exact solution depends on the result you want to achieve in each responsive mode. But in any case, you will need to make manual adjustments to make the Block look as it should. ................................................... Sincerely, Olivia Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
aleph
20 Posts
aleph posted this 19 November 2020

the problem lies in the image above the block as you have shown it in the example. I manually set the image that protrudes slightly from the edges of the grid but when I preview what I see on the screen is different from what I manually set in the designer
I hope I have made the concept

the problem lies in the image above the block as you have shown it in the example. I manually set the image that protrudes slightly from the edges of the grid but when I preview what I see on the screen is different from what I manually set in the designer I hope I have made the concept
Support Team
Support Team posted this 19 November 2020

Hi Francesco,

Please attach your theme exported as a project, we'll check the issue.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Francesco, Please attach your theme exported as a project, we'll check the issue. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
aleph
20 Posts
aleph posted this 19 November 2020

Ok, i do

Ok, i do
Support Team
Support Team posted this 20 November 2020

Hi,

Thank you for the project. You stretched the Grid to fit the page width. The page width is a fluid value. Therefore, the Grid width differs depending on the screen size. But the image size remains because its width is fixed. I suggest that you reduce it to fit the content area.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi, Thank you for the project. You stretched the Grid to fit the page width. The page width is a fluid value. Therefore, the Grid width differs depending on the screen size. But the image size remains because its width is fixed. I suggest that you reduce it to fit the content area. ................................................... Sincerely, Olivia Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
You must log in or register to leave comments