Need to make margins of blogs wider

• 

  newpeoplenews · Member · Jun 3, 2016 at 2:36 pm

  • Copy link
  • Add topic to favorites

  Hi!

  My website, http://www.newpeoplenewspaper.com needs help. My home page is exactly how I want it to look. It’s the other pages: “News,” “Poetry,” and “Submission” that are the problem. The margins are so small and I don’t want the title “Category: News” to show on the top. I want the margins to match the same margins that are displayed on the home screen. How can I do this?

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

• 

  thesacredpath · Member · Jun 6, 2016 at 12:40 pm

  • Copy link

  Hi there, on the category page titles, add the following to hide them.

  .archive .page-title {
      display: none;
  }

  On the page content width, the theme designer set the content width at 70% so that it is more readable. In general, text-based content should typically be between 500 and 750 pixels in width. Here is the CSS to take the content to the same width as your main page.

  #posts .featured-image, #posts .entry-header, #posts .entry-content {
      width: 100%;
  }

• 

  newpeoplenews · Member · Jun 6, 2016 at 2:04 pm

  • Copy link

  hi! i just tried to add that code to the title and both the HTML post. am i doing something wrong?

  I added this to the top of the page but all it does is show the coding as opposed to actually widening the margins.

  .archive .page-title {
  display: none;
  }

• 

  thesacredpath · Member · Jun 6, 2016 at 7:30 pm

  • Copy link

  Sorry, that is custom CSS. Go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the above custom CSS.

• 

  newpeoplenews · Member · Jun 7, 2016 at 12:54 pm

  • Copy link

  thanks so much! it worked out nicely! just another question: how can I get rid of the date and category after a blog post? on my website, http://www.newpeoplenewspaper.com every time I finish a blog post, this (or something similar) will follow:

  JUNE 6, 2016 BY NEWPEOPLE NEWSPAPER
  CATEGORIES: CONTACT US

  how can I delete or hide this?

• 

  mrfoxtalbot · Staff · Jun 7, 2016 at 1:40 pm

  • Copy link

  Try this on Appearance > Customize > CSS

  .entry-meta-wrap {
  display:none;
  }

• 

  newpeoplenews · Member · Jun 8, 2016 at 6:27 pm

  • Copy link

  .entry-meta-wrap {
  display:none;
  }

  ^^ @mrtoxtalbot is this to hide/delete the date the blog was posted and the category it’s in?

• 

  mrfoxtalbot · Staff · Jun 8, 2016 at 6:33 pm

  • Copy link

  Yep. take a look at this:
  https://youtu.be/psDepfk_IzQ

  Also, learning basic CSS with your browser´s inspector is not hard at all!