Custom Border around text

Can anyone provide code on how to add a custom border around just the corner of text like this heading? Thank you! 

1 hour ago, JennWalker said:

Can anyone provide code on how to add a custom border around just the corner of text like this heading? Thank you! 

Can you share your site with the protected password? So we can take a look

14 minutes ago, bangank36 said:

Can you share your site with the protected password? So we can take a look

https://khaki-elk-54rm.squarespace.com/plans password is Brad. Thanks! 

14 minutes ago, JennWalker said:

https://khaki-elk-54rm.squarespace.com/plans password is Brad. Thanks! 

Try adding to Home > Design > Custom Css

section[data-section-id="61ad4296d2a73714c79c5d2d"] h1:before {
  content:'';
  display: block;
  width: 20px;
  height: 20px;
  border-color: #fff transparent transparent #fff; 
  border-style: solid;
  position: absolute;
  left: -2%;
  top:0;

}

section[data-section-id="61ad4296d2a73714c79c5d2d"] h1 {
  position: relative;
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

My testing result

8 minutes ago, bangank36 said:

My testing result

Thank you so much, that worked! Did you happen to get a chance to look at the other question I asked? you asked for a password earlier but I haven't heard back. It is about the color behind the navigation bar and making the logo go to the edge (corner).