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

WELLS template | Help with custom CSS


formatwars

Question

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
  • Answers 6
  • Created
  • Last Reply

Top Posters For This Question

6 answers to this question

Recommended Posts

  • 0

Hi. Can you share link to your site?

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
37 minutes ago, tuanphan said:

Hi. Can you share link to your site?

Hi there. Is it private for now, as it's not ready to be published, that's why I used the template as an example, because it's basically the same. Thanks 

Link to comment
  • 0

You can setup password & share url

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

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

image.thumb.png.a64641dedc8eb76fb3af96a6c8891187.pngimage.thumb.png.1b9db6da30aa111863abd4c9fd10195b.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
  • 0
Posted (edited)
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

Create an account or sign in to comment

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


×
×
  • Create New...