Jump to content

Customising header on a product page?!?!

Recommended Posts

Posted

Site URL: https://www.feistheapp.com

Hi, 

I am wondering if anyone can help me. I wish to customise the heading of each of my product pages so that I can add heading artwork and make the heading appear exactly the same as it does throughout the rest of the site. 

Any help would be much appreciated. 

  • Replies 5
  • Views 437
  • Created
  • Last Reply
Posted
6 hours ago, Sully6057 said:

Site URL: https://www.feistheapp.com

Hi, 

I am wondering if anyone can help me. I wish to customise the heading of each of my product pages so that I can add heading artwork and make the heading appear exactly the same as it does throughout the rest of the site. 

Any help would be much appreciated. 

Do you want to change header bg on every page?

image.thumb.png.d99b72ce3f50131a815645214a2547b8.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> 🤖 Ask me anything

Posted

Those are  the headers that I am happy with. It's our product pages in our shop - that can't actually see - that I need to change. 

They are coming up just plain and I want to be able to put the header that you have shared on each product page in my shop. 

I hope this makes sense. 

Posted

Ok. If you go to more on the header menu and then click on boys, you'll be able to see that section of the planned shop. 

Please let me know once you have taken a look so that I can take it down. 

 

Posted
1 hour ago, Sully6057 said:

Ok. If you go to more on the header menu and then click on boys, you'll be able to see that section of the planned shop. 

Please let me know once you have taken a look so that I can take it down. 

 

I made background on the header, you may want to upload new image on Custom css->Manage Files for a wider header image

image.thumb.png.d9e102e969c5f0ab2617887d2eb300ee.png

body.collection-type-products .header .header-announcement-bar-wrapper {
  background: url(https://images.squarespace-cdn.com/content/v1/5dccca07c2fafd1ab8eb1f6a/1573703705440-J2IOTWGO1F4I0AGHWVV9/ke17ZwdGBToddI8pDm48kFogQcwqahR2CFTvPCvZ1W5Zw-zPPgdn4jUwVcJE1ZvWQUxwkmyExglNqGp0IvTJZamWLI2zvYWH8K3-s_4yszcp2ryTI0HqTOaaUohrI8PIyBPPlAFQxAPDm_5P1Gmu37QqqMAKweDyLrMJgfI3Z_c/FeisTheApp_Header.png);
  background-repeat: no-repeat;
  background-size: 100% 100%
  
}

 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> 🤖 Ask me anything

Archived

This topic is now archived and is closed to further replies.

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