Jump to content

Changing The Header With Custom CSS

Go to solution Solved by tuanphan,

Recommended Posts

Hey everyone! 

I'm currently using the Miller template for my website, and I'm really happy with it, however the header that I have applied to all of the pages doesn't show up on my "blog" pages. Originally, it also didn't show up on my "Cart" page either, but I have since found some Custom CSS that bypassed that and allowed me to change the header of the cart page, adding a custom file and linking to it. I was wondering if there was any way that I could alter the Custom CSS to make it also apply the header to my blog posts, too? Ideally, I'd quite like to do it through Custom CSS instead of changing template, if at all possible. I've added images below of how the header is supposed to look, and then how it currently looks on my blog posts. Hopefully it's quite clear that on my blog posts, you can make out the faint outline of my logo on the top left, but everything else disappears into the background as it's white text. To clarify, I'm not after every blog post having a different header, I'd just like them to look the same as the rest of the website.

Here is the Custom CSS that I'm using for the Cart banner:

/* CSS for cart page banner -------- */
 #cart .Header {
   background-image: url(https://static1.squarespace.com/static/5d488b594df4f40001e6c15c/t/5da5faddc69e0005bf91ad06/1571158753245/Starfield+One+Small.png);
 height: 195px !important;
   p {color: white;};
   h3 {color: white;};
      h1 {color: white;};
      h2 {color: white;};
 
 }
 /* End of CSS for cart page banner -------- */

 199845663_Screenshot2019-11-04at15_57_04.thumb.png.a407f5bd5f36d63b775bfc55ccc5a5a1.png715784110_Screenshot2019-11-04at15_57_12.thumb.png.51a5a68ca89dbaf4aab2b3de84cf57a5.png

And my website address is galacticvideo.co.uk, in case that helps at all.

 

Thank you in advance!

Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

  • 2 years later...

Is there code that will do this for a 7.1 site?

 

I initially had the navigation text colour set to white but it does not show up on the individual blog posts.

So, I would like to either force a background colour for individual blog posts (preferred) or the ability to change the nav text colour so it shows up against the white background (next best option)

 

Edited by MarcusAurelius
Link to comment
On 1/10/2022 at 11:35 PM, MarcusAurelius said:

Is there code that will do this for a 7.1 site?

 

I initially had the navigation text colour set to white but it does not show up on the individual blog posts.

So, I would like to either force a background colour for individual blog posts (preferred) or the ability to change the nav text colour so it shows up against the white background (next best option)

 

use this CSS

body[class*="collection-type-blog"].view-item header#header a {
	color: red !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.