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

Custom header background color in blog posts


mmc612

Question

I have a white logo and have color or image backgrounds for my header throughout the rest of my site. On the individual blog posts, however, the background defaults to white and washes out my logo. I've tried a few custom CSS solutions and nothing seems to work. I am using the almar template.

Link to post
  • Answers 6
  • Created
  • Last Reply

Top Posters For This Question

6 answers to this question

Recommended Posts

  • 0

Add to Home > design > Custom CSS

/* blog post header background */
.collection-type-blog-alternating-side-by-side.view-item:not(.header--menu-open) .header-announcement-bar-wrapper.white-bold {
    background: blue !important;
}

 

Link to post
  • 0
On 8/1/2020 at 3:52 AM, tuanphan said:

Add to Home > design > Custom CSS


/* blog post header background */
.collection-type-blog-alternating-side-by-side.view-item:not(.header--menu-open) .header-announcement-bar-wrapper.white-bold {
    background: blue !important;
}

 

That worked - thanks!!

Link to post
  • 0
On 8/1/2020 at 3:52 AM, tuanphan said:

Add to Home > design > Custom CSS


/* blog post header background */
.collection-type-blog-alternating-side-by-side.view-item:not(.header--menu-open) .header-announcement-bar-wrapper.white-bold {
    background: blue !important;
}

 

Actually, now the drop-down menu is still white with white text. Is there a way to carry the black background color through?

Link to post
  • 0

Add to Home > Design > Custom CSS

/* dropdown background color */
.collection-type-blog-alternating-side-by-side.view-item:not(.header--menu-open) .header-nav-folder-content {
    background: black !important;
}

 

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