Colour changes of next button. Edit- choice hover change anyone?

Game Development ChoiceScript Help
1

Hi All. I was going to change the next button colour on a project (not an HG so all good to do this.) I thought editing the background colour in this section of the style.css was the way to do it. Has this changed? (It’s not working). Or am I misremembering and in the wrong place?
Thanks.

.next {
    clear: both;
    display:block;
    width:100%;
    font-size:1.5em;
    font-weight:bolder;
    font-family: -apple-system, sans-serif; /* reset, for Android */
    margin: 1rem 0; /* reset button margin */
    -webkit-appearance: none; /* Safari, don't override my CSS styles */
    color: #f7f4f1; /* Match background color */ 
    background-color: #626160;
    border: none;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    padding: 6px;
}
1 Like
2

No that’s correct. Are you applying the class correctly to the button (its code is not included here)? Otherwise you have something overriding it. If in a browser, you can right-click → inspect to see what other classes are applied to the element.

3

Isn’t it? It’s been a while since I’ve tried to change a next button colour. I thought it was the background colour in the above code following Style.css | ChoiceScript Wiki | Fandom ? If not, do you happen to know what code I should change please?

4

I haven’t had need to change colors myself unfortunately, but it’s just CSS. What that wiki entry says makes sense to me, changing background-color should do just that.

The only reasons I can think of for it not working are your style.css not being included properly or a second class overwriting what you’re doing :confused:

You didn’t mistype background-color to background-colour or something right?

5

Hmm yeah I don’t know. I tried changing it in the output file as well so should stop any weirdness of things being potentially mixed about in the compiling process. Just doesn’t seem to be working.
Not the end of the world, I just thought it’d be a fun atmospheric thing to change the buttons to reflect the creepy theme.

6

I just had a thought. I am using a script to make the background black, but then realised it’s not changing the background colour, it’s just triggering night mode so I needed to change the colours there :woman_facepalming:

Ok, so hooray for colourful next buttons :smiley:

image
image1231×162 7.49 KB

Just out of interest, does anyone know how to change the main text colour or choice hover colour in the CSS for night mode? I couldn’t find any info on that and it’d be cool to know how if possible.

3 Likes
7

Lol. Hooray!

I’m going to speculate since no-one more knowledgeable is, but I assume night mode just adds a class nightmode to the body somewhere. So then you can do .nightmode .next { // etc }.

Unless you have sneaky scripts interfering again of course. Got to keep an eye on those!

1 Like