Archive Name In CSS

• 

  hansenad · Member · Jul 10, 2016 at 5:48 am

  • Copy link
  • Add topic to favorites

  Hey everybody – I’m having trouble with the title of my portfolio page. It can be found here: https://hansencreative.net/portfolio/

  I’d like the place where it currently says “Archives: Projects” to say “Work”. I’ve tried a few fixes, but can’t seem to make anything stick the way I want it to. Thanks in advance.

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

• 

  thesacredpath · Member · Jul 10, 2016 at 8:04 am

  • Copy link

  Hi there, we can use a bit of CSS trickery and hide the existing title on your main portfolio page and then use a pseudo “before” selector to add the title “Work”. Add this to your custom CSS.

  .post-type-archive .archive-title {
      visibility: hidden;
  }
  .post-type-archive .archive-title:before {
      content: "Work";
      visibility: visible;
  }

• 

  hansenad · Member · Jul 10, 2016 at 2:29 pm

  • Copy link

  That worked perfectly! Thanks so much. Appreciate the help and speed of reply.

• 

  thesacredpath · Member · Jul 11, 2016 at 1:40 am

  • Copy link

  You are welcome.