Jump to content

WELLS template | Help with custom CSS

Recommended Posts

Site URL: https://wells-demo.squarespace.com

Hi there. I am using the WELLS template, and I want to know how to make the content next to the sidebar 100% width. The photo galleries, like the home and this page and perfect examples of what I am after, yet when I create other pages and add blocks, the content has a fixed width; for example, take a look at this page or this one

I contacted the Squarespace support team, and they told me that I should post on this forum to get help with custom CSS, as it is impossible to make those content 100% with the customization options that come with the template. For example, I'd love to use a hero image, 100% width across all viewports, on a blank page, with a text below, among other things.

Can someone help me? Also willing to hire a developer to customize my site with these requirements if someone is interested. 

I appreciate any help you can provide.
Flo

Link to comment
  • Replies 7
  • Views 1.6k
  • Created
  • Last Reply

Top Posters In This Topic

2 hours ago, tuanphan said:

still don't really understand your requrest. I see both your site & demo looks same.

image.thumb.png.a64641dedc8eb76fb3af96a6c8891187.pngimage.thumb.png.1b9db6da30aa111863abd4c9fd10195b.png

Hi there. Thanks for your reply. Yes, the galleries look the same, if you go to 'print design works' or 'digital design works' or photography, you'll see that I used the same component (gallery) that it's used on 'portraiture' or 'human/nature' on the demo website.

Still, once you want to create a blank page and use other components, like separators, image, text, video, etc, like on 'format wars records' (it could be blog, contact or read me' on the demo) the content is not 100% width. For example, on 'format wars records' I'd like the hero image to be 100% width and it's not, and there is not an option on the panel to make it work like that. I tried with custom CSS but couldn't make it work across all viewports.

This is how I see the editor on my screen ( iMac 27' ). As you can see, the content is fixed and not 100% width, as it is on the photo galleries. Also, if I want to add a photo gallery like the one below the text, I cannot make it 100% width and responsive to all viewports either — it's a different component from the photo galleries that work as pages. 

Screenshot 2021-05-25 at 22.11.27.png

Hope it makes sense now, thanks!
Flo

Edited by formatwars
Link to comment
  • 2 years later...

Hello. Sorry to introduce another topic here. Looking to see if code exists to invert the order of the inspiration gallery in the Wells template. It is cool that they have it but kind of annoying in that your most recent images appear at the bottom instead of the top. 

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...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.