Color change in recent posts

• 

  tansynr · Member · Oct 28, 2018 at 10:56 pm

  • Copy link
  • Add topic to favorites

  I was wondering if someone can help me with 2 things:

  1. How do I change the color of the purple “clickable” date under recent posts. My color is to be #00bbd6

  2. How do I change the decreased opacity of the purple in the featured content section

  Thanks so much!

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

• 

  shubhamgmath · Member · Oct 28, 2018 at 11:55 pm

  • Copy link

  Hi tansynr

  I was wondering if someone can help me with 2 things:

  1. How do I change the color of the purple “clickable” date under recent posts. My color is to be #00bbd6

  To change the color of the clickable date you need to add this css code to your site

  
  .entry-meta {
      background-color: #00bbd6 !important;
  }
  

  Custom CSS is part of Custom Design, which is a feature of the WordPress.com Premium and WordPress.com Business plans. You can add custom CSS to your WordPress.com blog using the CSS Editor in My Sites → Customize → CSS in your blog dashboard.
  To know more about how to add css code please refer to the below link:
  https://en.support.wordpress.com/custom-design/editing-css/

  . How do I change the decreased opacity of the purple in the featured content section

  – Can you please let us know what exactly you need here? Can you please provide the link for that page.

  Hope this helps.

• 

  tansynr · Member · Oct 29, 2018 at 12:42 am

  • Copy link

  Thanks so much! The first one worked great and I got it to the color I wanted.

  For the second question, I am looking at the website getmotivatedandinspired.wordpress.com

  There is a big block of light purple and I am not sure how to change the color so that it is white (and just blends into the rest of the background).

  Also…

  At the footer of that same sight, how do I change the “follow” button to match the others- #f9d467 with a hover color change to black.

  Thanks so much for your help!

• 

  tansynr · Member · Oct 29, 2018 at 12:47 am

  • Copy link

  Actually, I just went back to my site and it looks like when I put that CSS code in for the clickable button (question one), it change ALL the title backgrounds (ones under my highlighted articles, spaces under my testimonials, and titles under my recent posts (which is currently light black). I erased that code so it went back to what I originally had.

  I hope this makes sense :)

• 

  shubhamgmath · Member · Oct 29, 2018 at 12:51 am

  • Copy link

  Hi tansynr

  At the footer of that same sight, how do I change the “follow” button to match the others- #f9d467 with a hover color change to black.

  input[type="submit"]:hover {
      background: black !important;
  }

  input[type="submit"] {
      background-color: #f9d467;
  }

  I am not able to find any purple block on your site can you please help me to find that so that i can let you know how to change the color of that block

  Hope this help

• 

  shubhamgmath · Member · Oct 29, 2018 at 1:01 am

  • Copy link

  Hi tansynr

  Actually, I just went back to my site and it looks like when I put that CSS code in for the clickable button (question one), it change ALL the title backgrounds (ones under my highlighted articles, spaces under my testimonials, and titles under my recent posts (which is currently light black). I erased that code so it went back to what I originally had.

  Please add this code for changing clickable date:

  .first-post .entry-meta, .singular-content-wrap.first-post .hentry .entry-meta {
      background-color: #00bbd6 !important;
  }

  Hope this will work for you.

• 

  tansynr · Member · Oct 29, 2018 at 9:27 pm

  • Copy link

  I got it all working! Thank you for your help!

• 

  shubhamgmath · Member · Oct 29, 2018 at 11:19 pm

  • Copy link

  You’re welcome. Happy to help you.