truly minimal dotted line removal

• 

  inisfraoigh · Member · Oct 2, 2013 at 8:25 pm

  • Copy link
  • Add topic to favorites

  how do i remove the dotted lines on my blog. i want the space around the text to be truly minimal

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

• 

  mrdirby · Member · Oct 2, 2013 at 9:15 pm

  • Copy link

  Add this to your custom css.

  .site-header, .hentry, .entry-meta, .site-footer, .widget, .site-main {
  background: none;
  }

• 

  inisfraoigh · Member · Oct 2, 2013 at 9:23 pm

  • Copy link

  I’ve added you css and it worked a treat. Thank you! Can you also advise how to decrease the amount of white space around the header?

• 

  designsimply · Member · Oct 5, 2013 at 6:25 pm

  • Copy link

  You can remove the padding from the main site header element in the Truly Minimal them using this custom CSS:

  .site-header {
  	padding: 0;
  }

  There’s still a little spacing left above the site title and below the main menu, and you can also remove that spacing using this CSS:

  .site-title,
  .site-title a {
  	margin-top: 0;
  }
  
  .navigation-main {
  	margin: 0;
  }

  You can also experiment with adding back a little of the space if the examples above take away too much of it.

• 

  inisfraoigh · Member · Oct 7, 2013 at 10:28 am

  • Copy link

  css worked a treat. Many thanks!!