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

Change colour of blog post header


Recommended Posts

  • 2 months later...
Just now, KaterinaF said:

Hi, I have the same problem. Could you help me to fix it? I have a white logo and on blog posts it's invisible:(

If you share link to blog post, I can take a look

Email me if you have need any help (free, of course.). Answer within 24 hours.

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
1 minute ago, KaterinaF said:

Sure, https://www.vertex-russia.com/blog/our-studio

Thank you!!

Add to Home > Design > Custom CSS

.collection-type-blog.view-item .Header-branding-logo {
    filter: invert(1);
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

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
  • 1 year later...
Posted (edited)

Hi @tuanphan

I have a similar issue. I need the headers of my individual blogs to be black as my logo is white, but I also want the titles mentioned below the logo in the header to be seen.  

I used the following code you had given on this blog and it worked but my titles below the logo are missing.

body:not(.homepage) .header-announcement-bar-wrapper.black, body:not(.homepage) header#header {
    background-color: black !important;}

Can you please help me out such that the header background is black but the page titles below the logo in the header are also visible?

Here is my blog page: https://lily-hexaflexagon-ppt7.squarespace.com/blog/lithium-ion-batteries-are-here-to-stay-heres-why

Here is the link to the website: https://lily-hexaflexagon-ppt7.squarespace.com/poweredby

Edited by vmist
Link to comment
On 5/16/2021 at 2:10 PM, vmist said:

Hi @tuanphan

I have a similar issue. I need the headers of my individual blogs to be black as my logo is white, but I also want the titles mentioned below the logo in the header to be seen.  

I used the following code you had given on this blog and it worked but my titles below the logo are missing.

body:not(.homepage) .header-announcement-bar-wrapper.black, body:not(.homepage) header#header {
    background-color: black !important;}

Can you please help me out such that the header background is black but the page titles below the logo in the header are also visible?

Here is my blog page: https://lily-hexaflexagon-ppt7.squarespace.com/blog/lithium-ion-batteries-are-here-to-stay-heres-why

Here is the link to the website: https://lily-hexaflexagon-ppt7.squarespace.com/poweredby

Hi. It looks like you solved this?

Email me if you have need any help (free, of course.). Answer within 24 hours.

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
On 5/20/2021 at 3:17 PM, tuanphan said:

Hi. It looks like you solved this? 

No. I've not been able to resolve it yet. The title sections below the logo are still not visible. Any way I can fix that? 

Link to comment
15 hours ago, vmist said:

No. I've not been able to resolve it yet. The title sections below the logo are still not visible. Any way I can fix that? 

Add to Design > Custom CSS

/* blog nav color */
body.collection-type-blog-basic-grid.view-item .header-nav-list * {
    color: white !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

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