Help with button

Authoring Twine
1

Twine Version: 2.8.1.0
[Sugarcube]
Hi, I can’t find a way to centralize the button at the bottom of my passage, after the end of the text. I’d also change the color of the link (it is always blue). Sorry, i’m very noob :frowning:
This is what I have:
CSS:

.passage button {
display: block
margin: auto;
width: auto;
text-align: center;
border-radius: 5px;
background-color: darkgrey;
color: white;
letter-spacing: 1px;
text-decoration: none;
border: 1px solid white;
padding: 3px 23px;
font-size:100%;
}
hr {
display: block;
height: 1px;
border: none;
border-top: 1px solid #c8e2cc;
margin: 1em 0;
padding: 0;
align-items: center;
}

HTML:
Text
Dialogue
Text

<hr>

<button> [[Next]]

</button>
2

Hi!
You have the <<button>> macro that works just like a link, see Documentation.
so if you do:

<<button [[Next]]>><</button>>

it should fix it all!

1 Like
3

Hi,
It didn’t change anything :confused:
The button is still on the left side of the passage box (don’t mind the stupid text and style, i’m just trying things around)

image
image1302×454 18.8 KB

4

Ah here. You forgot a ; after block

This side is pretty handy to check for css coding error (like missing semi-colon)

5

Daamn, it was easier than I thought!
Thank you very much, I’ll keep an eye on this.