Change colors in add image pop-up window

#1 · December 31, 2024, 6:58 pm

I have been searching a lot to customize colors of some items in my forum because changing general colors will change to much.

I have set the below already:
#af-wrapper #forum-breadcrumbs { color: #FFFFFF !important; font-size: 15px !important; }
#af-wrapper #forum-breadcrumbs a { color: #FFFFFF !important; font-size: 15px !important; }
#af-wrapper .main-description { color: #FFFFFF !important; }
#af-wrapper .main-title { display: none !important; }
#af-wrapper .indicator-label { color: #FFFFFF !important; }

Is there any overview of classes used by the forum because trying to find it in the source is a terrible puzzle?

I think I just have one final part to change because texts displayed in the add image option are colored white on white (also for the text in the input boxes). Any suggestions how to change these colors by custom CSS? Example attached (I’ve selected the text to make it visible).

Uploaded files:

#2 · January 24, 2025, 5:11 am

To fix the issue of white text on a white background, you can use custom CSS to explicitly set the text color and background color for the input boxes and other affected areas. Here’s an example CSS snippet you can try:

Set the text and background color with this CSS:

input, textarea {
    color: #000; /* Black text */
    background-color: #fff; /* White background */
}

input::placeholder, textarea::placeholder {
    color: #888; /* Gray placeholder text */
}

.add-image-option, .add-image-option * {
    color: #000 !important; /* Black text for Add Image section */
    background-color: #f9f9f9; /* Light gray background */
}

This will ensure that the text is visible drift hunters and contrasts properly with the background. If you’d like, feel free to share more details or the exact HTML structure for more targeted help!