How can I add a horizontal line to homepage?

Topic summary

A user working with the Dawn theme wants to add a horizontal line to their homepage, referencing an attached image as an example.

Current Status:

  • One responder encountered access issues when trying to view the reference image (connection error)
  • Another user provided a CSS solution

Proposed Solution:

  • Add custom CSS code to the theme’s base.css file
  • The code targets .newsletter.center with a border-top: 1px solid black property
  • Values can be adjusted as needed
  • Implementation steps: Access theme settings → Search for “base.css” → Add the provided CSS snippet

The discussion remains open with one working solution offered, though the original poster hasn’t confirmed if it resolved their issue.

Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.

How can I add a horizontal line to homepage like a attached image?

I use DAWN theme.

this is my website

https://rinmo.jp/

@anna_tofu It is showing: “Your connection is not private”

"

Hi,

The following code will do what you want. You can change the values as you like. If you encounter any issues again, feel free to write, I’ll help.

Navigate to the ‘Edit Code’ option in your theme settings, then search for “base.css” in the search bar and add below codes.

.newsletter.center {

    border-top: 1px solid black;

}

Terence.