Dark Mode

Hi,

Checking your site, those buttons do not have any dark background right now, like in the screenshot, so it’s not really easy to know why they are so, but some CSS like this should help prevent them:

#main .pen_content_previous span,
#main .pen_content_next span {
  background: transparent !important;
}

The text in those field is known as “placeholder”, and you can change its color like this:

#page input::-webkit-input-placeholder,
#page select::-webkit-input-placeholder,
#page textarea::-webkit-input-placeholder {
	color: #fff !important;
}

You can change the selector to “#content”, or “#pen_header”, and have multiple copies of this code with different colors for different parts. In order to find the ID or class name of the container of the text field: Do a right click on the text field, select “Inspect element” and check the HTML for a container with an ID or class name, like <div id="something">, and use that as #something in the above CSS.

Also, CSS can be added through Appearance -> Customize -> Additional CSS.

Hope it helps!

Hi,

I made changes to CSS myself and I think it looks good. Do you think something needs to be changed? If so, can you help me?

Thank you!

Hi there,

No, it’s looking good now.