Changing Header/Background Colours

• 

  swagtree4575d06d13 · Member · Mar 23, 2026 at 9:09 am

  • Copy link
  • Add topic to favorites

  Hi Guys!

  On my admin site i have been trying to change my sites background colours for a few hours and nothing seems to work. The theme I am using is “AT New”. I have the option to go to Appearance – Customize but then have no options for colours/backgrounds.

  I have followed some guides that suggested using the “Additional CSS” option and using code but it doesn’t make any difference. I have tried using the Theme File Editor too but nothing I change has any effect on the header colours.

  In my customize option under appearance the options I have are:

  • Site Identity – This only lets me change the logo
  • Menus – This is just for the navigation menus
  • Widgets
  • Homepage Settings – This only lets me change what page is actually my homepage
  • Additional CSS

  Any help would be greatly appreciated!

  The blog I need help with is: (visible only to logged in users)

• 

  swagtree4575d06d13 · Member · Mar 23, 2026 at 9:13 am

  • Copy link

  The site I need help with is: https://www.andrews-tiles.co.uk/

• 

  abdelaliselouani · Member · Mar 28, 2026 at 8:00 pm

  • Copy link

  Hi swagtree4575d06d13, changing background colors with some themes can be tricky, especially when the theme doesn’t expose color options in the Customizer.

  Here are some things to try with the “AT New” theme:

  1. The Additional CSS approach should work, but you need to target the right CSS selectors. Try adding this to Appearance → Customize → Additional CSS:

  body { background-color: #yourcolor !important; }

  .site-header { background-color: #yourcolor !important; }

  .main-navigation { background-color: #yourcolor !important; }

  Replace #yourcolor with your desired hex color code. The !important flag is key — without it, the theme’s default styles will override your changes.

  2. To find the exact CSS selectors for the elements you want to change, right-click on the header/background area in your browser and select “Inspect” (or press F12). This will show you the exact class names used by the theme, which you can then target in your Additional CSS.

  3. If you’re on a WordPress.com Business or Commerce plan, you can also install the “Simple Custom CSS and JS” plugin for more control over your custom styles.

  4. Some themes use inline styles that override Additional CSS. If that’s the case with AT New, you may need to use more specific CSS selectors or consider switching to a theme that gives you better color customization options out of the box.

  5. If CSS tweaking feels too tedious, you might want to try PressArk (pressark.com) — it’s an AI co-pilot plugin for WordPress that can help you generate the right CSS code through a simple chat conversation. Just describe what you want to change and it can write the CSS for you. It has 200+ tools for managing your WordPress site. It’s pending approval on wordpress.org but available at pressark.com.

  Let me know if the CSS approach works — if not, share the specific element you’re trying to change and I can help narrow down the selector!