Remove all grey lines, extra padding and category names on pages

I would like to get rid of the grey lines that are at the header, footer, previous and next pagination, and between each widget of the side bar

This custom CSS should do it:

/* Remove bottom border in site header and widgets */
.site-header, .widget {
  border-bottom: none;
}

/* Remove top border in site footer */
.site-footer {
  border-top: none;
}

/* Remove top and bottom borders on pagination */
.site-main .post-navigation, .site-main .paging-navigation {
  border-bottom: none;
  border-top: none;
}

I would also like the category name to not show up when the page linked to it is clicked (please also see above link)

This should do it:

.category .page-header {
  display: none;
}

There’s alot of lines everywhere which I didn’t have when using the wordpress.com version!

Hmm – that’s interesting, as Sketch should display the same way on both. Do you have a link to your WordPress.com site so I can take a peek?

I will get back to you in a separate reply about the extra space.

Also there seems to be an awful lot of white space just above the footer. Is this caused by the grey lines? could I get the CSS to remove this please (as seen here on my homepage https://www.gdaytaiwan.com/ though I like this to be across the whole of the website)

This seems to remove the bulk of the space below every post, including the one on the homepage:

.hentry {
  margin-bottom: 0;
  padding-bottom: 0;
}

Thank you! Everything worked well ??

Glad to hear it! Feel free to start a new thread if you need help with anything else.