Line under Section

Description

10.26c21v03 Line under Section

#1. Install Code

#1.1. First, hover on top right of section > Click EDIT SECTION > at Design > Anchor Link > enter text: services-intro

10.26c21v03 Line under Section

#1.2. Next, use code to Page Header Injection

<style>
#services-intro {
  .fluid-engine{
    --intro-line-space:20px;
    --intro-line-style:1px solid rgba(237,230,218,.14);
    padding-bottom:var(--intro-line-space);
  }
  .fluid-engine::after{content:"";position:absolute;grid-column:2/-2;grid-row:1/-1;left:0;right:0;bottom:calc(var(--intro-line-space) * -1);border-bottom:var(--intro-line-style);pointer-events:none}
}
</style>

10.26c21v03 Line under Section

#1.3. To change line color

--intro-line-style:1px solid rgba(237,230,218,.14);

 

Buy me a coffee