Appearace of my blog

On my Blog post list page, before you click to read a post, you can see the blocks or sections (whatever you call those squares around here) are too big and creating a lot of dead space. Farro doesn't seem to have built-in settings to adjust the size. i want them to be a fixed size and display a certain amount of the post as a preview.p

how can I do this?

Password is: Scrumdiddylumptious84r!

Also, I can't seem to:

1. Make  the list borders blue

2. Make the actual post backgrounds white

Hi,

What is site url?

https://hexahedron-buffalo-y7hz.squarespace.com/

On 6/21/2023 at 2:37 AM, VIArts said:

https://hexahedron-buffalo-y7hz.squarespace.com/

What is password?

Sorry, thought that was all in the original post, but my domain just transferred here so here's the info...

https://www.atpdesignforge.com

Password is: Scrumdiddylumptious84r!

Since the page content height is not enough to fill the height of the screen, it will appear blank space.

You can add some more items to fix this

Okay, I’ll try. 
 

what about the issues in my second post?

1 hour ago, VIArts said:

Okay, I’ll try. 
 

what about the issues in my second post?

Whole page (header, footer, blog content) or blog content only?

Scrumdiddylumptious84r!

https://hexahedron-buffalo-y7hz.squarespace.com/blog/test-3

Sorry, bad storms tore  up my city.

i took some  screenshots into Photoshop and sketched what i want.

Add to Design > Custom CSS

.Blog-header-content {
    background-color: white;
    padding: 10px;
}

Thanks but that's  header only. I'm needing the content backhground  to be white with blue border, as shown in my images.

 This did it

.BlogItem-main {
     border : 2px solid blue;
    background-color: white;
}

How do i keep it from affecting the share buttons?

On 6/25/2023 at 2:22 PM, tuanphan said:

Whole page (header, footer, blog content) or blog content only?

Scrumdiddylumptious84r!

https://hexahedron-buffalo-y7hz.squarespace.com/blog/test-3

Password is incorrect. Can you check it again?

Not sure what happened, so i changed it. Also, i switched to Brine, because Farro isn't giving me what i want. Brine seems better, but i still can't find the target ids for all the blog stuff.

https://atpdesignforge.com/

Password:
Indomit@ble

Use this CSS code

article.BlogItem {
    background-color: white;
    border: 2px solid blue;
}

Yes! it worked!

How do you even find those target ids?

i don't know what's gong on. if you look at the blog list, you'll see it's one  column and the  top two items are smashed together.  It's supposed to be  rows of 2. Removing the  border from the  code fixes it, so it must be that.

.BlogList-item {
border : 2px solid blue;
background-color: white;
}

Quote

i don't know what's gong on.

Use this ruleset.

.BlogList-item {

  background-color : #fff;
  box-sizing : border-box;
  border : 2px solid blue;
  
  }

Let us know how it goes.

Bullseye! Thanks! i have no idea how y'all even do it. lol