Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

How to add a new item in an auto layout


Arezpe

Question

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"]

 

Screenshot 2021-07-21 at 16.17.10.png

Link to comment

7 answers to this question

Recommended Posts

  • 0
Posted (edited)

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. Screenshot 2021-07-22 at 14.04.52.png

The auto layout (does not have the descriptive text below the title).Screenshot 2021-07-22 at 14.06.24.png

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. 

Edited by Arezpe
moving images
Link to comment
  • 0
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. Screenshot 2021-07-22 at 14.04.52.png

The auto layout (does not have the descriptive text below the title).Screenshot 2021-07-22 at 14.06.24.png

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

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0
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! 

Link to comment
  • 0
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"]

 

Screenshot 2021-07-21 at 16.17.10.png

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

the-village.uk-01-min.png

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

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

the-village.uk-02-min.png

3. (Tablet – Footer) Text break.

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

the-village.uk-03-min.png

4. (Tablet – About) Increase text width?

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

the-village.uk-04-min.png

5. (Tablet – About) Reduce space?

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

the-village.uk-05-min.png

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...