Twenty Twelve theme customization

• 

  cycfitness · Member · Jun 20, 2013 at 3:50 pm

  • Copy link
  • Add topic to favorites

  I am trying to do a few things to customize my Twenty Twelve theme.

  1. I need a specific blue and green for the link/hover link colors. I’ve put their individual 6 digit code in, but they are not appearing the way they should. Instead of cyan and lime, they are navy and army green.

  2. I would like to add social media icons to the header and I’ve found instructions for how to do this through WordPress.org through the creation of a child theme, but I don’t seem to have the ability to create a child theme through WordPress.com.

  I have paid for a Premium account and own both blogdotcycfitnessdotcom.wordpress.com and the subdomain blog.cycfitness.com.

  Help!!!

• 

  sixhours · Member · Jun 20, 2013 at 6:54 pm

  • Copy link

  Howdy,

  I’m happy to help with this!

  I need a specific blue and green for the link/hover link colors. I’ve put their individual 6 digit code in, but they are not appearing the way they should. Instead of cyan and lime, they are navy and army green.

  This is because the Custom Colors feature automatically adjusts colors such that they have enough contrast to be readable on the background color. But you can override the link colors using Custom CSS, like so:

  a,
  a:visited {
  color: #ffffff;
  }

  a:hover {
  color: #ffffff;
  }

  (Replacing #ffffff with your desired HEX color values.)

  2. I would like to add social media icons to the header and I’ve found instructions for how to do this through WordPress.org through the creation of a child theme, but I don’t seem to have the ability to create a child theme through WordPress.com.

  This is correct, it is not possible to create child themes or upload your own themes to your WordPress.com site. This is one of the major differences between a self-hosted WordPress.org site and WordPress.com site. You can read more about this here:
  http://support.wordpress.com/com-vs-org/

  Depending on what you’re trying to do, you may be able to add social links to your site’s header by adding the appropriate HTML to a Text widget, then positioning the widget in the header area using CSS.

  Most of our CSS support is done in our community forums by both staff and volunteers:
  https://en.forums.wordpress.com/forum/css-customization

  When you create a CSS-related help request, please make sure to select or link to the WordPress.com blog you’re working on and include a clear description of the change you’re trying to make. It really helps.

  To learn more about how CSS editing works at WordPress.com, see this help page:
  http://en.support.wordpress.com/custom-design/editing-css/

  If you need to hire a consultant to help you with in-depth design work or large CSS revisions, please consider getting a quote from Tweaky:
  http://en.support.wordpress.com/customize-my-site/request-theme-customization/

  I hope this clears things up!

  Cheers,
  Caroline

• 

  cycfitness · Member · Jun 20, 2013 at 10:40 pm

  • Copy link

  Thank you, Caroline! Your suggestions for the editing the colors worked but it looks like it only changed the colors in the body of the posts, not in the nav bar and such. Any idea how to fix that as well?

• 

  sixhours · Member · Jun 21, 2013 at 12:12 am

  • Copy link

  Sure! You probably just need to add more specific rules for the navigation bar links to target them:

  .main-navigation a,
  .main-navigation li a,
  .main-navigation .current-menu-item > a,
  .main-navigation .current-menu-ancestor > a,
  .main-navigation .current_page_item > a,
  .main-navigation .current_page_ancestor > a {
    color: #ffffff;
  }