Penscratch Theme – changing site title and header colour

• 

  provantraining · Member · Oct 28, 2014 at 1:11 pm

  • Copy link
  • Add topic to favorites

  Hi there, new to blogging and struggling to customise my theme!

  http://www.provantraining.com

  I’d like for the site title and header below to be in a purple colour to stand out more but I’m unsure how using CSS. I am unable to drag and drop colours to create a palette of my choice. So i’m a little confused.

  Any help would be much appreciated!

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

• 

  nizamilputra · Member · Oct 28, 2014 at 1:36 pm

  • Copy link

  Hi there,

  Before editing css, you should read this http://en.support.wordpress.com/custom-design/editing-css/

  Then try to apply this css;

  .site-title a,
  .site-description
  {
       color: purple;
  }

  You also can change “purple” to hex color. http://www.color-hex.com/

• 

  provantraining · Member · Oct 28, 2014 at 5:40 pm

  • Copy link

  I love it. Thank you so much. If I was to continue this colour throughout the blog can you provide the code for that?

  Appreciate your help! :)

• 

  hallluke · Member · Oct 28, 2014 at 7:00 pm

  • Copy link

  Here’s some code you might want to try. I’ve just copied some of the existing CSS in your theme but changed the colour to purple. It changes a whole host of things throughout your site: links, hover states, menu items and more. Try it out and see what you think, if you have any specific bits you want to change just let us know.

  a,
  a:visited,
  .site-footer a:hover,
  .main-navigation li:hover > a,
  .current_page_item a,
  .current-menu-item a.toggled .menu-toggle,
  .entry-footer a:hover,
  .entry-meta a:hover,
  .entry-title a:hover,
  .site-main .post-navigation .meta-nav,
  .site-main .paging-navigation .meta-nav,
  .comment-meta .comment-metadata a:hover,
  .required,
  .widget a,
  #wp-calendar a,
  .wp_widget_tag_cloud a:hover,
  #infinite-footer .container a:hover,
  #infinite-handle span,
  .tags-links a:hover,
  .current_page_item a,
  .current-menu-item a,
  .current_page_item a:visited,
  .current-menu-item a:visited {
    color:#800080;
  }

• 

  provantraining · Member · Oct 28, 2014 at 7:10 pm

  • Copy link

  Yes I like that thank you!

  I noticed on another blog of the same theme additional menus with drop downs options. Currently it only supports 2. Is the CSS code changed to accommodate that change?

• 

  thesacredpath · Member · Oct 28, 2014 at 8:41 pm

  • Copy link

  Home, About Me and Contact are menu items and make up 1 menu. You can add as many menu items in a Menu as you desire.

  Using Custom Menu, you can create submenus as explained here. You can also add things such as external links, categories, tags, etc. I would suggest reading through the Custom Menu support page to see all it can do. They are highly flexible.

• 

  provantraining · Member · Oct 29, 2014 at 6:19 pm

  • Copy link

  Thank you for the advice!