Changing the colour of text on Escutcheon theme

• 

  n0sferandrew · Member · Oct 9, 2016 at 11:31 am

  • Copy link
  • Add topic to favorites

  Forgive the long and probably obvious question, but I’m stuck!
  With the help of this forum and the wordpress guys, I’m almost there, just have a couple of things I’d like to tweak.
  I’d like to change the colour of the ‘About’ page link text (called ‘Howdy do’ on my page), and also the date/time of posts text.
  I’d also like to change the colour of the links, which are currently all in a pale pink and not easy to read.
  Is there a simple method of CSS that I can apply when I’d like to change the colour of a particular text, so I can stop bugging you guys? :)
  Thank you!

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

• 

  thesacredpath · Member · Oct 9, 2016 at 6:38 pm

  • Copy link

  Hi there, on the navigation buttons at top, add the following and adjust the color as desired.

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

  For the post meta data (date, etc.) add the following and adjust.

  .entry-meta a, .entry-footer a, .entry-meta a:visited, .entry-footer a:visited, .entry-meta, .entry-footer {
      color: #000;
  }

  Given the nature of your background image, the text on your site is difficult to read. With the myriad of colors in the image, I think it would be very difficult to find a text color that will work. You may want to add the following CSS and see what you think. What it does is add a transparent black to the area behind the content. This allows your background to show through, but gives enough contrast to where your content text is more easily readable.

  The first three numbers in the parentheses is the RGB color code for black and the fourth is the transparency/opacity. The closer to 0 the more transparent. See what you think.

  #page {
      background: rgba(0, 0, 0, 0.4);
      padding-left: 15px;
      padding-right: 15px;
  }

  On changing text colors for only certain text, you can do that from within the editor, but this isn’t really the best solution since if you happen to change themes, the colors would have to be manually removed from the posts and pages. It can be done also with CSS, but would require a separate CSS rule for each post or page on which you wished to change the color.