Jump to content

How to colour Blog post header in 7.1

Recommended Posts

Site URL: https://hes-test-site.squarespace.com/

Could someone please help. I am trying to colour the header in the blog post pages only. I have managed to do it in the events page but can't get it to work in the blog. Here's what I used in the events page.

<style>
.collection-type-events-stacked.view-item header#header {
    background: #b0ce6c !important;
}
.collection-type-events-stacked.view-item header#header * {
    color: white;
    fill: white;
}
</style>

Link to comment
  • Replies 15
  • Views 619
  • Created
  • Last Reply
7 minutes ago, Milkoman said:

Site URL: https://hes-test-site.squarespace.com/

Could someone please help. I am trying to colour the header in the blog post pages only. I have managed to do it in the events page but can't get it to work in the blog. Here's what I used in the events page.

<style>
.collection-type-events-stacked.view-item header#header {
    background: #b0ce6c !important;
}
.collection-type-events-stacked.view-item header#header * {
    color: white;
    fill: white;
}
</style>

Try this

Quote

[class*=collection-type-blog].view-item header#header {
    background: #b0ce6c !important;
}
[class*=collection-type-blog].view-item header#header * {
    color: white;
    fill: white;
}

 

 

image.thumb.png.537f47ed397dd6895be762d22ea97ebb.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace
🚀 Learn how to rank new pages on Google in 48 hours!

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

Link to comment

I do have another problem you may be able to help with.

I have injected code into the header to make the dropdown menu work so top link clicks through to first page. That works well but in my members area it makes it not work properly see attached screen grab when you click on the members drop down top link page cannot be found.

 

Here's the code I put in for main site Forums drop down:

<link rel="stylesheet" href="https://hulo.dev/plugins/folder-title-link/folder-title-link.css"

Got any ideas?

Screen Shot 2020-12-22 at 10.15.45 am.png

Link to comment
6 minutes ago, Milkoman said:

I do have another problem you may be able to help with.

I have injected code into the header to make the dropdown menu work so top link clicks through to first page. That works well but in my members area it makes it not work properly see attached screen grab when you click on the members drop down top link page cannot be found.

 

Here's the code I put in for main site Forums drop down:

<link rel="stylesheet" href="https://hulo.dev/plugins/folder-title-link/folder-title-link.css"

Got any ideas?

Screen Shot 2020-12-22 at 10.15.45 am.png

have you ask the creator of the snippet?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace
🚀 Learn how to rank new pages on Google in 48 hours!

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

Link to comment
7 minutes ago, Milkoman said:

I would like to adjust these.

screenshot_4820.png

Which page is that

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace
🚀 Learn how to rank new pages on Google in 48 hours!

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

Link to comment
20 minutes ago, Milkoman said:

Thank you you have been a great help. Is beyond space your business?

Yeah,

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace
🚀 Learn how to rank new pages on Google in 48 hours!

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

Link to comment
53 minutes ago, Milkoman said:

It's a members area page

What do you want with the summary block in the picture

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace
🚀 Learn how to rank new pages on Google in 48 hours!

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

Link to comment
1 hour ago, Milkoman said:

I do have another problem you may be able to help with.

I have injected code into the header to make the dropdown menu work so top link clicks through to first page. That works well but in my members area it makes it not work properly see attached screen grab when you click on the members drop down top link page cannot be found.

 

Here's the code I put in for main site Forums drop down:

<link rel="stylesheet" href="https://hulo.dev/plugins/folder-title-link/folder-title-link.css"

Got any ideas?

Screen Shot 2020-12-22 at 10.15.45 am.png

This not the same

image.thumb.png.846f66bf8f3746d226fae5eb96389939.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace
🚀 Learn how to rank new pages on Google in 48 hours!

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

Link to comment
  • 2 weeks later...

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.