Remove "Project Types:" from Saga Theme Header

• 

  kristamariewrites395119618 · Member · Aug 7, 2022 at 2:57 pm

  • Copy link
  • Add topic to favorites

  Hello,
  I’m on the Saga theme and using the Portfolio/Project setting to feature some of my Work. I have a Page for “My Work” with links to my Projects, which are associated to Project Types. I want to remove the “Project Types:” from my Project Headers and don’t know the correct CSS code to do this.

  I’ve tried:
  .tax-jetpack-portfolio-type .entry-title {
  visibility: hidden;
  }

  But this didn’t work for me on this theme. Here is a direct link to my site where this is occurring.

  https://kristamariewrites.com/project-type/short-stories/

  Thanks!

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

• 

  aleone89 · Staff · Aug 8, 2022 at 2:42 pm

  • Copy link

  Hello there,

  The CSS you would need is:

  
  /* Hide project type text AL */
  
  .plural-title {
      font-size: 0;
      }
  
  .term-546 h1.plural-title:after {
      content: "Short stories";
      font-size: 1.5rem;
      display: contents;
  }
  

  You would need to add this part of the code…

  
  .term-546 h1.plural-title:after {
      content: "Short stories";
      font-size: 1.5rem;
      display: contents;
  }
  

  For other project types, changing the term-546 to the project type ID and changing the contents.

  I hope this helps.

• 

  kristamariewrites395119618 · Member · Aug 8, 2022 at 5:41 pm

  • Copy link

  Thank you! This worked great. I didn’t have to add any additional code with additional IDs for the other Project Types.

  One more question – the text has been removed from the header, but I’m still able to see a white “spacer” above the first image on all these pages. Is there additional code available that would remove this and/or allow it to blend in with my existing background?

  Thanks again!

• 

  helper-heroponriki · Member · Aug 8, 2022 at 7:22 pm

  • Copy link

  It looks like that space is from the header CSS:

  .plural-header {
      padding: 0.75em 3em;
  }

  I haven’t tested it, but I think you can set a padding: 0 in the above CSS selector and that should take care of it. If not, you might need to specify the class of .term-546 .plural-header.

  I hope that helps!

• 

  kristamariewrites395119618 · Member · Aug 8, 2022 at 9:00 pm

  • Copy link

  Yes! I did have to specify the classes, but it worked. Thanks so much!