The Writer theme

• 

  cmamae · Member · Jan 19, 2015 at 11:33 am

  • Copy link
  • Add topic to favorites

  hi, looking for the following codes please help

  1.) font size of menu
  2.) widget spacing
  3.) comments box colors and background
  4.) authors area

  thank you

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

• 

  raincoaster · Member · Jan 19, 2015 at 11:52 am

  • Copy link

  1) WHAT SIZE DO YOU WANT TO CHANGE WHICH MENU TO

  2) WHAT SPACE DO YOU WANT BETWEEN WIDGETS

  3) WHAT COLOUR DO YOU WANT OR WHAT BACKGROUND DO YOU WANT AND YOU HAVE TO PICK ONE OR THE OTHER

  4) WHAT ABOUT IT

  I told you to be specific. That’s how specific you have to get if you want to get the codes. This is not a tutorial site.

• 

  designsimply · Member · Jan 20, 2015 at 1:12 pm

  • Copy link

  I checked http://pinoywisdom.com/ and I see that you are using the Cubic theme.

  You can change the font size of the links in the main menu by adding the following to your Appearance > Customize > CSS editor:

  ul#nav li {
  	font-size: 20px;
  	line-height: 24px;
  }

  Adjust the numbers as needed.

  You can control the space below widgets like this:

  #sidebar-container li.widget {
  	padding-bottom: 0;
  }

  To learn more about the padding element, see https://developer.mozilla.org/en-US/docs/Web/CSS/padding

  Changing the text color inside a comment box is a little complex. There is placeholder text that says “Enter your comment here…” and you can change it using the CSS example from this article:
  http://css-tricks.com/snippets/css/style-placeholder-text/

  Changing the text after someone types into the box can be done like this:

  #respond #comment-form-comment textarea,
  #comment-form-share-text-padder textarea {
  	color: blue !important;
  }

  The !important part is needed in this case because you are overriding inline styles.

  To take away the background color of the author area and to adjust the text color in it, try something like this:

  .author-container {
  	background: none;
  }
  
  .author-content .author-bio,
  .author-content .author-name {
  	color: #00f;
  }

  These examples are to help you get started, and we’d like to encourage you to experiment and learn on your own. We are here to help put you in the right direction and help you with basics. You might be interested in the following tutorials if you’d like to learn more:
  http://www.htmldog.com/guides/cssbeginner/
  http://www.codecademy.com/courses/web-beginner-en-TlhFi/0/1?curriculum_id=50579fb998b470000202dc8b