I'm not allowing a scrolling function, the background will be static, but i'm finding it difficult getting the passages to stick to the very center-bottom of the screen. any ideas on how to fix it? Text alignment in general is a bit of a fuss, especially after i try to adjust the line-height
here's the code i'm working with
#passages {
margin-left: 0px;
margin-right: 0;
padding-left: 0px;
border: none;
text-align: bottom;
}
.passage { max-width: 350px;
background-color: transparent;
text-align: justify;
font-size: 13px;
margin-left: auto;
margin-right: auto;
}
Comments
Have you changed the default margins or padding of the body? Is the UI bar visible and, if so, have you changed its default dimensions, margins, or padding?
The answers to those will affect the solution.
Based solely on the category and tags used by mochacream, I'd say: SugarCube v1.x and Twine 2.x.
i dont mind scrapping the rest of the code, because getting this right is important, but would removing the ui bar change anything?
If you mean, would the UI bar being hidden have consequences for the code I gave previously, then the answer is yes—the horizontal centering could be off by roughly the width of the UI bar.
Here's an updated version of the SugarCube v1 style which requires the UI bar to be hidden—and includes a rule to do so: (Twine 2: goes in Story Stylesheet; Twine 1: goes in stylesheet-tagged passage)
I really appreciate all your help.