remove page titles from resonar theme

• 

  brahdelina · Member · May 5, 2016 at 8:15 am

  • Copy link
  • Add topic to favorites

  Hello! I need help with my blog: creamandmask.com !
  I am trying to delete all of the page titles off of my blog. I read on other forums that the css is theme-specific but I haven’t been able to figure out what to do for my theme.

  Also when I change the CSS do I just add it into the customize css box or am I supposed to be seeing the full theme code?

  Thanks!

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

• 

  thesacredpath · Member · May 5, 2016 at 5:56 pm

  • Copy link

  Hi there, with CSS here at WordPress.com, we write CSS rules that override the original CSS. All of your CSS customizations load after the original CSS, so your changes take precedence.

  To remove the titles from pages on Resonar, we will use the “page” CSS class set in the opening body HTML tag on static pages and then target the entry-title, like this.

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

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

• 

  brahdelina · Member · May 5, 2016 at 7:42 pm

  • Copy link

  Thank you so much! I really appreciate the help.

  Would you happen to know how to remove the information at the bottom of pages and posts (such as: the share this icons and metadata on posts)?

• 

  thesacredpath · Member · May 6, 2016 at 2:17 am

  • Copy link

  You can set where the sharing and likes appear as explained in our Sharing support page.

  If you wish to hide the author bio section at the bottom of posts, add the following.

  .single .author-info {
      display: none;
  }

  If you wish to hide the categories/tags/comments link at the bottom of posts, add this.

  .single .entry-footer span {
      display: none;
  }

  If you wish to hide both, then use this instead.

  .single .entry-footer {
      display: none;
  }

• 

  httm2007 · Member · May 7, 2016 at 3:32 am

  • Copy link

  .single .entry-footer {
  display: none;
  }