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

dkcavaliere

Member
  • Content Count

    1
  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. I have been looking for a solution for this for several days. The problem I was having is that I needed the logo and page links in my header to be white with a transparent background at the top of my pages (before scroll), because the photos I have at the top of every page are dark and no other color shows up. I wanted the nav bar to be a white background and gray/black links after the user scrolls past the photo. I didn't see a way to do this currently in the UI. I also wanted to do this using only CSS if possible. @tuanphan Helped me with this and I was able to get exactly what I wanted! I will include the code below. I hope this helps some of you in the future. Note: I set the header to be transparent and fixed before adding this code. Add to Home > Design > Custom CSS /*Colors*/ @lightgray: #808285; @aqua: #46ACB9; /*Header links color*/ .header-announcement-bar-wrapper.black.shrink * { color: @lightgray !important; fill: @lightgray !important; } /*Logo color*/ .header-announcement-bar-wrapper.black.shrink a#site-title { color: @aqua !important; } /*Hamburger menu color*/ .header-announcement-bar-wrapper.black.shrink { .burger-inner::before, .burger-inner::after { background: @lightgray !important; } }
×
×
  • Create New...