Font color changes in specific places

• 

  heatherchoatedavis · Member · Jul 25, 2016 at 9:54 pm

  • Copy link
  • Add topic to favorites

  I have recently updated my content on my Connect theme and there are now some things I can’t seem to control. I don’t need to learn the entire CSS universe. All I want to do is change the color of my Site Identity font back to the cream/white color it used to have (it’s now dark gray and almost unreadable over background–you can view it on About or Blog page). I would also like to have control of the color of the content filled in under the theme (ie; website, description) but do not want ALL the print to be the same color. Would like color variation between large and small font info. These things seem like they should be turnkey but this Premium feature makes them more complicated than they used to be. Can someone help, plz :)

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

• 

  hallluke · Member · Jul 25, 2016 at 10:14 pm

  • Copy link

  To change your site title link go to the customiser and then copy this code into the CSS section, getting rid of the placeholder text that’s there by default:

  #header .site-title a,
  #header .site-title a:link,
  #header .site-title a:hover {
    color: #fff;
  }

  To change your site description on your homepage you can use this code:

  .info-card .card-title {
    color: #f00;
  }

• 

  thesacredpath · Member · Jul 25, 2016 at 10:28 pm

  • Copy link

  Hi there, on the site title, the original color specified in the CSS was white, but add the following to your custom CSS and you can adjust the cream color code I inserted as desired. If you want straight white, then use the #FFFFFF hex code.

  #header .site-title a {
      color: #FFF8DC !important;
  }

  For the footer area, add the following. The first rule allows you to set the color and font size of your site title in the footer. I used the same cream color I set in the above, but you can edit as desired. The second rule is for the WordPress.com and theme credits on the lower line.

  .footer-content p:first-of-type {
      color: #FFF8DC;
      font-size: 150%;
  }
  .footer-content p:last-of-type, .footer-content p:last-of-type a {
      color: #eeeeee;
  }