Change color of read more button and widget font

• 

  lesliegarza2013 · Member · Dec 13, 2016 at 11:24 pm

  • Copy link
  • Add topic to favorites

  Is it possible to change the font of the entire blog?

  Can we change the color of the “read more” buttons?

  We currently have the “follow blog” widget on the main side bar and would like to change the background color and font color. It looks like there might even be an outline color that we would need to change as well. Hoping for a white background and 6c6c6c font.

  Can I remove the date of the post that shows under the title?

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

• 

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

  • Copy link

  Hi there, you can set two custom font by going to Customize > Fonts. The Base Font is pretty much anything that is not an heading element (site title, post and page titles, widget titles) and Headings changes those.

  On the read more link, add this to your custom CSS and edit the color codes as desired.

  .more-link {
  	color: #cc0000;
  	background-color: yellow;
  	border-bottom-color: green
  }

  For the date, add the following to your custom CSS

  .entry-meta .posted-on {
  	display: none;
  }
  .entry-meta ul > li::before {
  	content: "" !important;
  }

• 

  lesliegarza2013 · Member · Dec 14, 2016 at 7:29 pm

  • Copy link

  Thank you!

  Also-
  We currently have the “follow blog” widget on the main side bar and would like to change the background color and font color. It looks like there might even be an outline color that we would need to change as well. Hoping for a white background and 6c6c6c font.

  And-
  Can we also remove the author name in addition to the date under the post title?

• 

  thesacredpath · Member · Dec 14, 2016 at 10:58 pm

  • Copy link

  Oops, sorry for missing that. Add the following and forgive my obnoxious colors (I shouldn’t be left unsupervised with a color wheel). :)

  .widget_blog_subscription {
  	background-color: #cc0000;
  	color: #33ff99;
  	border-color: #ff33ff;
  }
  .widget_blog_subscription .widget-title {
  	color: #ffff33 !important;
  }