I know how to change the background color of the page but I want to change the area color of the reading area. I don’t know the proper term. But bright white around the words is a bit much for me.
div.td-grid-wrap { background-color: #d6d6d6; }
Add that to your custom CSS and change the color to your preference. It should be noted that there is no quick way to do this. Immediate inspection found that the pagination background remained white, and the footer background was taken over by this color change as well.
Another possibility is to search/replace #FFFFFF in the main CSS file with the color of your choosing, but this may alter anything from backgrounds, to boxes, borders, text, etc.
A theme panel option to set the background color of the content area would be nice. Until then, though, it’s a custom job. Use the Inspect tool in FireFox and Chrome to identify the classes/IDs of the areas that you want to change, then add the adjusted rules to your custom CSS.
Hi,
Thanks @Kronos17!
@Rodney828 Add this css in Theme panel > Custom css and change the color as you like:
.td-page-wrap .td-grid-wrap {
background-color: antiquewhite;
}We will think about adding an option for this in Theme Panel.
Hope this helps!
Thanks
