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

Changing The Header With Custom CSS

Question

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!

Share this post


Link to post

2 answers to this question

Recommended Posts

  • 0
6 hours ago, tuanphan said:

replace #cart with


.collection-type-blog.view-item

 

That did the job!  I knew it'd be something simple but I couldn't work it out for the life of me.

Thank you!

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...