line spacing

• 

  cmamae · Member · Jan 16, 2015 at 9:26 am

  • Copy link
  • Add topic to favorites

  how do i reduce the line spacing between lines in my posts, my setting is in double space, it is the default, i just want it not too far apart, but not too close either, my theme is writer so i want the optimal settings for easy reading, thanks….in microsoft word i use 1.5 spacing

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

• 

  staff-happychia · Staff · Jan 16, 2015 at 9:47 am

  • Copy link

  Current line-height is 36px which can be overridden using the following style:

  .copy {
  line-height: 36px;
  }

  Please adjust 36 px to whatever number you want. :-)

• 

  cmamae · Member · Jan 16, 2015 at 10:09 am

  • Copy link

  thanks much that was cool…can I take this opportunity to also ask if you know how to adjust fonts as size 0 and size -1 are too far apart, looking for midway…also kindy send some codes to make it bold and other tricks you know in your fingertips, have a nice day sir

• 

  staff-happychia · Staff · Jan 16, 2015 at 10:20 am

  • Copy link

  Please use this style and adjust font size as you wish :-)

  .copy {
      font-size: 20px;
      font-weight: bold;
  }

• 

  staff-happychia · Staff · Jan 16, 2015 at 10:24 am

  • Copy link

  We can combine all three rules into one, as following:

  .copy {
     line-height: 36px;
      font-size: 20px;
      font-weight: bold;
  }

• 

  cmamae · Member · Jan 16, 2015 at 10:49 am

  • Copy link

  thanks so much

• 

  cmamae · Member · Jan 16, 2015 at 11:45 am

  • Copy link

  sir do you know how to make a paragraphs less wide and more narrower, and have bigger margins

• 

  staff-happychia · Staff · Jan 16, 2015 at 6:21 pm

  • Copy link

  Add the following rule to the above .copy selector and reduce the width as you wish. 840px is the current width. :-)

  max-width: 840px;

• 

  cmamae · Member · Jan 17, 2015 at 4:23 am

  • Copy link

  thanks so much..

  sir, my menu tabs are not seen in mobile viewing, let know if you can help…by the way i prefer mobile app not enabled, thank you

• 

  staff-happychia · Staff · Jan 17, 2015 at 7:10 pm

  • Copy link

  In the mobile, menu appears as three lines icon to the right, beneath the tag line.

  This is how menu appears in most responsive themes.

• 

  cmamae · Member · Jan 19, 2015 at 12:42 pm

  • Copy link

  sir, can you give codes for the ff., im using writer theme:

  1.) increase the font of MENU
  2.) take out the gray background of comments make them all white
  3.) make the font of author black, and the name of the commentators black as well
  4,) i have comments already in a post entitled “modern day tyrant”

  thanks

• 

  cmamae · Member · Jan 19, 2015 at 12:59 pm

  • Copy link

  sir, can you give codes for the ff., im using writer theme:

  1.) increase the font of MENU
  2.) take out the gray background of comments make them all white
  3.) make the font of author black, and the name of the commentators black as well
  4,) i have comments already in a post entitled “modern day tyrant”

  thanks

• 

  staff-happychia · Staff · Jan 19, 2015 at 2:47 pm

  • Copy link

  1.

  #menu-drop-button {
  	width: 120px;
  }
  
  .wf-active #menu-drop-button small {
  	font-size: 28px;
  }

  2.

  .comment {
  	background: none;
  }

  3.

  .comment .fn, .comment .fn a {
  color: #000;
  }

  Please try these styles.

• 

  cmamae · Member · Jan 19, 2015 at 3:26 pm

  • Copy link

  thanks sir….by the way, do you have codes for making my widgets closer together, thanks much

• 

  cmamae · Member · Jan 19, 2015 at 3:34 pm

  • Copy link

  also wondering if you have the codes to enlarge my logo, God bless you

• 

  staff-happychia · Staff · Jan 19, 2015 at 6:03 pm

  • Copy link

  Add the following code and adjust the top and bottom padding (10px and 10px) as you wish.

  #sidebar-container li.widget {
  padding: 10px 20px 10px;
  }

  Did you try uploading a larger logo and see what happens? It is not a good idea to enlarge the logo using CSS.

• 

  cmamae · Member · Jan 19, 2015 at 6:26 pm

  • Copy link

  hi, i haven’t touched the logo yet, is there any way around it aside from css? thanks

• 

  staff-happychia · Staff · Jan 20, 2015 at 7:13 am

  • Copy link

  Perhaps you can try using a logo with bigger dimensions.

• 

  cmamae · Member · Jan 20, 2015 at 7:30 am

  • Copy link

  it didn’t work, is there a way to increase the depth of the banner instead, perhaps in that way, ill be allowed to place a bigger one

• 

  staff-happychia · Staff · Jan 20, 2015 at 7:53 am

  • Copy link

  Currently logo image height is set to 45px. So lets increase it to 100px;

  .logo img {
  max-height: 100px;
  }

  But this makes the logo overflow encroach into the underneath post images. So lets add some top margin to the posts list.

  .post-list {
  margin-top: 30px;
  }

  Please try these two styles and see how it goes :-)