Spacing Issues (looks good in editor but not in production site)

Design help General
1

Hi everyone,

I am using this theme: Notable - Blog HTML5 Responsive Website Template

Here is the live site: https://www.ricecakesmedia.com/

Here is the read only site: https://preview.webflow.com/preview/ricecakesmedia?utm_source=ricecakesmedia&preview=ac939c2250420c1f2d4f879ded51d246&mode=preview

The spacing issue appears in the following pages where there is a lot of left padding added and the image gets smaller:

Under my team section: https://www.ricecakesmedia.com/about

Under food section: https://www.ricecakesmedia.com/category/food

The behavior I want looks good in the Webflow editor but it does not replicate in the production site.

As you can see the section that includes the image, name, title looks good in the Webflow editor but not in the production site. There are spacing issues.

Visual example below.

The behavior that shows in the editor and also what I would like to be displayed:

04%20PM
04%20PM1286×904 89.5 KB

The behavior that happens in the production site:

13%20PM
13%20PM1325×934 35.2 KB

Can someone please help me figure out this issue?

Thanks so much.

Best,
Michael

2

Set width to your collection list. 100% should do it.

3

hi dram! thanks so much for helping me! I tried that and unfortunately it’s not fixing that sizing issues, do you have any other suggestions? thanks again!

4

Actually, it got fixed.

I just used the left justify option within layout and it updated the about page issue and the categories pages with only 1 item.

image
image3352×1744 394 KB

Thanks again for your help though dram.