Font Color Change and Menu Header Changes

• 

  grazelgarcia · Member · Dec 13, 2016 at 5:09 pm

  • Copy link
  • Add topic to favorites

  Hello,

  Question 1:
  I’d like to have control over the font color for my website and would like to learn how to do this.

  Question 2:
  I’d like to change the color of the HEADER from Black to a different color. I’d like to learn how to do this.

  Question 3:
  I’d like to change the placement of my Headers to reflect a Horizontal Menu and would like for it to appear as you scroll down the page.

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Dec 14, 2016 at 4:05 am

  • Copy link

  Hi there,

  I’d like to have control over the font color for my website and would like to learn how to do this.

  There can be a number of places colors are set for text. If you look at your site, blockquote is in blue, links are blue, content area text color is black, title and menu are white.

  We have a support page on How to Find Your Theme’s CSS that has some brief videos on using the web inspector built into your browser that can help you find the CSS selectors needed. What are you wanting to change the color on?

  I’d like to change the color of the HEADER from Black to a different color. I’d like to learn how to do this.

  For the background of the header area where the title and navigation is, this would be the CSS.

  .header-wrapper.without-transparency {
    background-color: #cc0000;
  }

  For the site title color, this.

  .site-title a, .site-title a:visited {
    color: #ffff00;
  }

  For the navigation, this.

  .main-navigation a, .main-navigation a:visited {
    color: #33cc33;
  }

  I’d like to change the placement of my Headers to reflect a Horizontal Menu and would like for it to appear as you scroll down the page.

  To keep the header at visible at the top of the window, this.

  .header-wrapper {
    position: fixed;
  }

  On the above color changes, I’ve used some sort of obnoxious colors in my examples. You can of course edit those for any color you wish.