font colour

• 

  justincondon · Member · Apr 29, 2013 at 1:10 pm

  • Copy link
  • Add topic to favorites

  I want ot change my content font colour globally from grey to white. I have the upgrade pack but cant work out how to do it and i dont know css. I have tried “colours” in teh custmise menu. Can you help please?

  I also would like to like to another webpage in a post so that it opens in a new browser. Hoe do I do that?

  justin

• 

  helper-heroponriki · Member · Apr 29, 2013 at 9:19 pm

  • Copy link

  Hello!

  To change the default font color to white (#ffffff in Hex code), you can copy and paste this code into the CSS Editor under Customize:

  body {
  color: #ffffff;
  }

  If you find pure white to be to harsh, you can find alternative gray colors at this page (scroll down to get lighter options) and replace #ffffff with the corresponding Hex color code:
  http://www.december.com/html/spec/color0.html

  I also would like to like to another webpage in a post so that it opens in a new browser.

  Can you clarify what you mean by this? I’ll be better able to help once I get that information.

  Thanks!

• 

  justincondon · Member · Apr 30, 2013 at 10:53 am

  • Copy link

  Thanks for the pointer.

  What is the css code to change the headfing font colour on each page? Now I know the hex code wepage.

  My other question was regarding that i would like to have a link to a webpage that isnt my blog, but i want it to open in a new browser rather than be redirected from my blog?

  thanks

  Justin

• 

  helper-heroponriki · Member · Apr 30, 2013 at 2:07 pm

  • Copy link

  You can change the majority of your header colors under Customize -> Colors. Click the color circle indicated by the top arrow, and to insert your own hex code, click the link indicated by the bottom arrow in this screenshot:

  Customize Colors

  The only header color you can’t change under Customize is your “So Dishy” header. To change this, you can add this to your CSS:

  .site-title a {
  color: #00ff00;
  }

  The example color I used is a bright green, so feel free to replace that with the color of your choice.

  For opening a link in a new window, you would need to append your hyperlink code with the Target attribute. Here’s a tutorial that will walk you through adding “target=_blank” to your links (using the Text editor on WordPress.com):
  http://www.htmlgoodies.com/primers/html/article.php/3890416/Web-101-Links-When-and-How-to-Open-a-Link-in-a-New-Window.htm

  I hope that helps!

• 

  justincondon · Member · May 5, 2013 at 12:22 am

  • Copy link

  Hi
  Thanks for the response.

  The heading I am trying to change is the title when you go into a post page. Its currently dark grey on a black background, so cant be seen.
  example;
  http://so-dishy.com/2013/05/04/anantara-resort-seminyak-bali

  Is there a hex code for that?
  I have loaded a blue colur into my colours pallete, but it doesnt show anywhere.

  justin

• 

  helper-heroponriki · Member · May 5, 2013 at 3:19 pm

  • Copy link

  This CSS code will work for the post title:

  .entry-title {
  color: #ffffff;
  }

  I used white (#ffffff) in the example – feel free to change that to the color of your choice.

  I hope that helps!

• 

  justincondon · Member · May 20, 2013 at 12:57 pm

  • Copy link

  Hi again

  I tried opening a link in a new window as per instructions many times and cant get it to work. Is there a common error people make here?

  Also, I would like to have my email on front page that opens an email when clicked on. Is that possible?

  Also I want to remove the “portfolio’ menu at the top under teh header. but cant find out how?

  Your assistance is appreciated.
  justin

• 

  helper-heroponriki · Member · May 20, 2013 at 3:04 pm

  • Copy link

  I tried opening a link in a new window as per instructions many times and cant get it to work. Is there a common error people make here?

  Did you follow the instructions listed here and checked the “open link in a new window/tab” option?
  http://en.support.wordpress.com/links/

  If you want to add this functionality manually, this page will go over how to properly set up a Target attribute (which instructs the browser to open a link in a new tab/window) to a hyperlink:
  http://www.w3schools.com/html/html_links.asp

  Please note, to follow the manual instructions you will need to set these links up on your posts using the Text Editor not the Visual Editor.

  To remove the “portfolio” menu item, you need to set up a custom menu and select to remove that page from navigation:
  http://en.support.wordpress.com/menus/

  To create a “mailto” link, you can follow the instructions shown here and add that link to a Text widget in your sidebar or to your custom menu:
  http://www.webmonkey.com/2010/02/make_a_mailto_link/

  We have a fantastic community support forum where many of these questions have been answered. Also, our WordPress.com community is great with helping with a variety of questions that you may have. Here’s a link to the forum for you reference:
  https://en.forums.wordpress.com/

  I hope that helps you get started!