Home › Forums › Support › Page Hero After This topic has 3 replies, 2 voices, and was last updated 3 years, 8 months ago by David. Viewing 4 posts - 1 through 4 (of 4 total) Author Posts March 9, 2020 at 3:15 pm #1190173 Brandi I am trying to add a line similar to the gold line on https://demo.studiopress.com/essence/sample-page/ after the Page Title. My site http://brandibelt.flywheelsites.com/privacy-policy/ I am using the following code but running into constant placement issues. .page-hero:after { background-color: red; bottom: 300px; content: ”; display: block; height: 40px; left: 50%; margin-left: -1px; position: absolute; width: 2px; } Is there a better way to add the line? March 10, 2020 at 3:42 am #1190564 DavidStaff Customer Support Hi there, try this CSS: .page-hero { position: relative; } .page-hero:after { background-color: red; content: ''; display: block; left: 50%; margin-left: -1px; position: absolute; width: 2px; height: 60px; bottom: -30px; } The line is now positioned relative to the hero element. The bottom should be negative 50% of the height. So if the Height was 100px then bottom should be -50px for example March 10, 2020 at 5:24 am #1190649 Brandi Works great! Thanks for the help!!! March 10, 2020 at 5:52 am #1190681 DavidStaff Customer Support You’re welcome Author Posts Viewing 4 posts - 1 through 4 (of 4 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In