Background black & text color

[weddingcrashers]

I’m using Pro X dark theme and want to make the entire background black. How can I do that?

Also the text boxes are black which is fine but how can I make the text white?

Thank you

[tristup]

Hi Damien,

Thanks for reaching out.
Not sure what exactly you trying to acheive here. Can you please elaborate on it or please provide a screenshot or any video that helps us to recognize what exactly you are trying to acheive?
Regarding making the text color white, you need to set the text color of the textbox using custom CSS code. If you are not proficient in this, I would suggest you hire a developer who can assist you to do the customization or you can avail of our newly launched service called One, where we answer the questions beyond normal theme support.

Thanks

[weddingcrashers]

If you provide the CSS code a think I can update the CSS, I’ve done that before with the proper code.

https://youtube.com/shorts/JLXRUKluzYo?feature=share

[prakash_s]

Hello Damien,

It is not possible to provide the exact custom CSS code without checking the exact page URL. According to your given video and screenshot it seems that you want to change the text color of the text box. I would suggest you add this custom CSS code under the Theme option —>Global CSS.

input[type=email], input[type=text] {
color: #ffffff !important;
}

Please feel free to change the color code as per your design. The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

[weddingcrashers]

Almost there…on my contact box how can i change the “Message” font to white

[ruenel]

Hi Damien,

Again, with the use of your browser’s Development Tool, you can check the live HTML code and find which CSS selector you need to use or what CSS code has been used to style the page.

Check out this video demonstration:

Dev Tools demo

And in your case, the output should look like this:

If you look closely on the right side panel, the color is #555. You can use that code and modify it so you can make sure that all input fields and textarea will have a white color;

select, textarea, input[type=text], input[type=password], input[type=datetime], 
input[type=datetime-local], input[type=date], input[type=month], input[type=time], 
input[type=week], input[type=number], input[type=email], input[type=url], 
input[type=search], input[type=tel], input[type=color], .uneditable-input {
    color: #fff;
}

The code above serves as an example code. Feel free to modify it when needed. Please note that custom coding is beyond the scope of our support. You will have to maintain any custom coding to make sure that it will still work after any updates or does not create any issues or incompatibility in the future.

Best Regards.