Change the background color & text color of prompt element

[Keez_80]

How to change the background color & text color of this prompt element

[ruenel]

Hello Keezia,

Thanks for writing in!

You are referring to the Classic Prompt element. Be advised that this classic element relies on the global settings in X > Theme Options. The button can be adjusted in X > Theme Options > Buttons.

The text color is using the settings from X > Theme Options > Typography > Headings and X > Theme Options > Typography > Body and Content.

The background color of the prompt section is using this default CSS built-in the stack stylesheet. For example, if you are using renew stack, it will have this CSS code:

.x-prompt {
    border: 10px solid #e5e5e5;
    background-color: #fff;
}

You can modify the code above and add CSS code into X > Theme Options > CSS. Feel free to make adjustments as you need. Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg

Best Regards.