We're evolving to serve you better! This current forum has transitioned to read-only mode. For new discussions, support, and engagement, we've moved to GitHub Discussions.

Button text is blank until mouseover

June 7, 2021 at 2:25 pm #5935

[anonymous]

We’re using a modified version of the Simple v2.0.4.0 theme for this website:

https://www.riverwaveneytrust.org/

For some reason, the buttons all show blank text until you mouseover – see the newsletter signup towards bottom of homepage.

Any idea why this is happening?

June 7, 2021 at 7:51 pm #5937
[anonymous]
The code for your Subscribe button is currently:
```
.btn, [type=button], [type=submit], button {
    background: #ff8c00;
    border-color: #ff8c00;
    color:#ff8c00
}
```
If you’ve done this in your Tools > Custom CSS tool, try changing to:
```
.btn, [type=button], [type=submit], button {
    background: #ff8c00;
    border-color: #ff8c00;
    color: #fff
}
```
or:
```
.btn, [type=button], [type=submit], button {
    background: #ff8c00;
    border-color: #ff8c00;
    /* color:#ff8c00 */
}
```
To make your Subscribe button stand out better, try:
```
.btn, [type=button], [type=submit], button {
    background: #ff8c00;
    border-color: #ff8c00;
    color:#000
}
```
June 8, 2021 at 8:12 am #5938

[anonymous]

I see that now, thank you!

I tried to add your second code suggestion to the custom CSS section but it doesn’t seem to do anything when I preview. Should I use the theme override in the input folder instead? There is currently a file called main.css in there but it doesn’t have the same code as the style.css file. Should I create a new file called style.css in the override folder and add your code?

June 8, 2021 at 8:57 am #5939

[anonymous]

I suppose much depends on how you set up your ‘modified’ theme. If you were just making changes to the ‘Simple’ theme, the above options should work in Tools > Custom CSS.

If you created an entirely new theme based on the ‘Simple’ theme, and gave your new theme its own name, support files, etc., the Tools > Custom CSS should still work, so long as you choose your new theme name in the Publii Site settings.

But it sounds like you’ve taken a different approach. Normally, you wouldn’t want to disturb main.css, just use Tools > Custom CSS to override the text colour for your Subscribe button. So I’m not quite sure what to suggest. Maybe @Bob can help.

June 8, 2021 at 9:05 am #5940

Bob

@itips3727 described the best way.

The style.css file is the final file, a sum of :
`theme-variables.js output + main.css + GDPR popup CSS + visual-overrides.js output + custom CSS`
So never overwrite it, as it will be overwritten every time the page is rendered.

More details: https://getpublii.com/dev/how-the-theme-is-rendered/

June 8, 2021 at 9:15 am #5941

[anonymous]

Cool, thanks for your help. I tried the custom CSS again and it does work but only with your option 1 or 3 (so actually declaring the text colour rather than commenting it out).

And thanks for the clarification Bob.