Page Tabs and Reply on Pachyderm/Post Bigger

• 

  ivystoryblog · Member · May 31, 2013 at 9:38 am

  • Copy link
  • Add topic to favorites

  How I change the color of the page tabs on Pachyderm? How do I make the post bigger when someone clicks on it? How do I change the color on the post comment section that asks the visitor to comment? Thanks so much, Heather

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

• 

  ivystoryblog · Member · May 31, 2013 at 10:40 am

  • Copy link

  Also, I wanted to know how I could change the hover color of the tabs under the header/title. Its still the original pink.

• 

  designsimply · Member · Jun 17, 2013 at 3:39 pm

  • Copy link

  How I change the color of the page tabs on Pachyderm?

  The first thing I would recommend would be to change the entire color palette using the custom colors feature at Appearance → Themes → Customize → Colors panel.

  If you’d like to get more fine-grained control, you can write some custom CSS to make color changes.

  Here is an example showing how to change the menu navigation colors for the Pachyderm theme:

  .navigation-main {
  	background-color: #99b2b7;
  }
  .navigation-main a {
  	background-color: #99b2b7;
  }
  .navigation-main li:hover > a,
  .navigation-main ul ul :hover > a {
  	background-color: #adc1c5;
  }
  .navigation-main li.current_page_item ul a,
  .navigation-main li.current-menu-item ul a {
  	background-color: #99b2b7;
  }
  .menu-toggle {
  	background-color: #99b2b7;
  }

  Also, I wanted to know how I could change the hover color of the tabs under the header/title. Its still the original pink.

  The “.navigation-main li:hover > a” part of the example code above covers that.

• 

  designsimply · Member · Jun 17, 2013 at 3:40 pm

  • Copy link

  How do I make the post bigger when someone clicks on it?

  Do you mean make the main content area wider?

  Here is an example that will expand the main content area by 100 pixels. Note that this will affect all types of content, not just single posts:

  #main {
  	width: 700px;
  }
  
  .active-sidebar-primary-sidebar #page,
  .page-template-nosidebar-page-php #page {
  	width: 890px;
  }

• 

  designsimply · Member · Jun 17, 2013 at 3:41 pm

  • Copy link

  How do I change the color on the post comment section that asks the visitor to comment?

  Do you mean the text on single posts that says, “Leave a Reply”?

  To change the “Leave a Reply” text color on single posts in the Pachyderm theme, add this to your Appearance → Themes → Customize → CSS panel:

  #respond h3 {
  	color: #99b2b7;
  }

  Adjust the color code as needed.