How to create one column within Portfolio

Site URL: https://sawfish-pineapple-8wwn.squarespace.com/

Hi all,

I want to create a similar layout as to these other 2 Squarespace websites. However I haven't managed to configure my website as such yet (my site https://sawfish-pineapple-8wwn.squarespace.com/private).

The examples that I follow are these; https://www.shortstache.com/professional and https://ashrr.com/commercial

They both seem to have full-bleed images with hover titles while having these small spacings beneath each image to make a clear seperation. I really like this layout, though I'm not succesful yet to configure it. Can somebody help me? Could be custom CSS or just 'modes' that I haven't figured out

Hello,

With the layout that you currently have, you could simply add the following:

.page-section {
margin: 5px;
}

To add some spacing between the sections.

--

You might also be able to replicate this layout using the Portfolio page layout and using the settings "hover: overlay", adjusting for one single column, and style within that menu as needed.

First of all, thanks for the reply!

—

would you then suggest using images or background images to create the same style + hover? To get the full bleed and spacing?

On 8/3/2021 at 3:56 AM, Kapturedtraveling said:

First of all, thanks for the reply!

—

would you then suggest using images or background images to create the same style + hover? To get the full bleed and spacing?

Hi.

If you use Squarespace 7.1. You can use section

add blank section + text block ( then add title)

Then share link. We will give the code to make hover effect.

@tuanphan - Do you have a code to make the image the hyperlink?

On 12/16/2021 at 5:10 AM, CoiaCreative said:

@tuanphan - Do you have a code to make the image the hyperlink?

 

You mean Image Block, List Section Image, Cover Image or which image?