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

Changing The Header With Custom CSS


JoelBlundell
Go to solution Solved by tuanphan,

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!

Link to post
  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Popular Posts

replace #cart with .collection-type-blog.view-item  

Posted Images

2 answers to this question

Recommended Posts

Create an account or sign in to comment

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


×
×
  • Create New...