How to add a new item in an auto layout

Site URL: https://www.the-village.uk

Hi everyone, 

I am a big fan of the new auto layouts but I find the list of items limited. We cannot add a description under a title and I would like to do it... 

I tried to do something similar (above on the website), however it does not have the same bezazz. I tried to colour change all backgrounds/fonts but I end up with blocks touching each other and creating a large block of colour... Using spacers don't recreate the same look either.

I am sure it exists a solution. Either by affecting the code of the auto layout or with some code to add to my blocks to recreate the look but I failed to find a solution so far. 

If you can help, it would be great!

Page: https://www.the-village.uk/home 
section[data-section-id="60f69e0162cda9122b24831f"]

How do you want it to look?  I don't think there is an automatic way to achieve this, I would have gone with text blocks above the summary, as you have done in that image - what would you like to change about it?

Within the layout, I cannot add a description as you can see in the image which read "The Village is not yet launched. We are looking for your support to make this project a reality." I would like to add it to the layout. I cannot add any block to the layout because it is auto... .

If not possible adding the layout, I want to make it look exactly like above, without using the layout. 

See the differences in the images below. 

My attempt using blocks.

The auto layout (does not have the descriptive text below the title).

I have all the elements in my attempt (top) but it does not look as nice as the auto layout (bottom). So I would like to look the same but with a description. 

17 hours ago, Arezpe said:

Within the layout, I cannot add a description as you can see in the image which read "The Village is not yet launched. We are looking for your support to make this project a reality." I would like to add it to the layout. I cannot add any block to the layout because it is auto... .

If not possible adding the layout, I want to make it look exactly like above, without using the layout. 

See the differences in the images below. 

 

My attempt using blocks.

The auto layout (does not have the descriptive text below the title).

I have all the elements in my attempt (top) but it does not look as nice as the auto layout (bottom). So I would like to look the same but with a description. 

You can share link to page where you added layout, we can give some simple code to add description under title

7 hours ago, tuanphan said:

You can share link to page where you added layout, we can give some simple code to add description under title

Sure @tuanphan

It's in the home page: https://www.the-village.uk/home 

The auto layout is the one with the title "What are we looking for" which doesn't have the description 🙂
 

On 7/23/2021 at 8:35 PM, Arezpe said:

Sure @tuanphan

It's in the home page: https://www.the-village.uk/home 

The auto layout is the one with the title "What are we looking for" which doesn't have the description 🙂
 

Add to Design > Custom CSS

/* Description under list title */
[data-section-id="60f69e0162cda9122b24831f"] div.list-section-title p:after {
    content: "The Village is not yet launched. We are looking for your support to make this project a reality.";
    display: block;
    font-family: 'Radley';
    font-weight: 400;
    font-size: 22px;
}

On 7/25/2021 at 3:48 AM, tuanphan said:

Add to Design > Custom CSS

/* Description under list title */
[data-section-id="60f69e0162cda9122b24831f"] div.list-section-title p:after {
    content: "The Village is not yet launched. We are looking for your support to make this project a reality.";
    display: block;
    font-family: 'Radley';
    font-weight: 400;
    font-size: 22px;
}

 

You are an absolute legend! Thank you so so much! 

On 7/21/2021 at 10:25 PM, Arezpe said:

Site URL: https://www.the-village.uk

Hi everyone, 

I am a big fan of the new auto layouts but I find the list of items limited. We cannot add a description under a title and I would like to do it... 

I tried to do something similar (above on the website), however it does not have the same bezazz. I tried to colour change all backgrounds/fonts but I end up with blocks touching each other and creating a large block of colour... Using spacers don't recreate the same look either.

I am sure it exists a solution. Either by affecting the code of the auto layout or with some code to add to my blocks to recreate the look but I failed to find a solution so far. 

If you can help, it would be great!

Page: https://www.the-village.uk/home 
section[data-section-id="60f69e0162cda9122b24831f"]

 

Do you need fix these?

Site URL – https://www.the-village.uk/home

1. (All devices – Menu) There are 2 text “Home”.

https://www.the-village.uk/home

2. (Tablet – Homepage) Make 2 blocks/row?

https://www.the-village.uk/home

3. (Tablet – Footer) Text break.

https://www.the-village.uk/home

4. (Tablet – About) Increase text width?

https://www.the-village.uk/about

5. (Tablet – About) Reduce space?

https://www.the-village.uk/about