Editing the footer horizontal line

Authoring Twine
1

Twine Version: 2.7.0
Chapbook Version: 1.2.3

How does one change the attributes for the default horizontal line between the page and the footer areas present in the standard Chapbook layout?
Neither config.style.page.color nor config.style.page.footer.color seems to transform the color-attribute for the line, which is what I’m trying to modify so as to match with the rest of my theme.

1 Like
2

Using the Inspector (right-click on an element in your browser), I found this:

#page footer.has-content {
  border-top: 1px solid #000;
}

You can edit the Stylesheet under the Story tab and insert the code above and change the style as needed. border-top: 1px solid red; will make it red, for example.

1 Like
3

This works, thanks!

1 Like