Jump to content

Applying background image Blog list page?

Recommended Posts

Site URL: https://coconut-dolphin-d2rs.squarespace.com/news

Hello,

I'm wondering if there is a way to apply a background image to a Blog list page so that it covers the entire body area of the page. I've used some CSS to add the background image but it doesn't extend to the full width of the page or to the section above with the page headline.

Here's a link to the page: https://coconut-dolphin-d2rs.squarespace.com/news

PW: torch

Attached is screenshot depicting the what I want to do.

Thank you,

Jeff

blog_list_page.jpg

Link to comment
  • Replies 2
  • Views 259
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

On 10/14/2021 at 7:41 PM, tuanphan said:

Hi,

It looks like you figured it out?

Hi @tuanphan, I figured out how to extend the background to the full width of the Blog List section using CSS. But I couldn't figure out how to extend the same background to the section above where I have the page title that reads "News & Press".  I just added another instance of the same background to that top section. It looks fine on desktop, but you can see the difference in backgrounds on mobile. Attached is a screenshot where you can see the background texture in the top title section is much smaller than the background texture in the Blog List section.

Screen Shot 2021-10-21 at 4.08.56 PM.png

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.