Change Customizr Background to Texture or Image

Last Reviewed: 8-May-15 (3.3.23) 3.1.* 3.2.* 3.3.*

Changing the Background to a different color, texture, pattern or image can be made to various elements: Site, Header, Navbar, Body, Footer.

A useful plugin for generating patterns is:

http://wordpress.org/plugins/subtle-background-patterns

Where to copy/paste this code?
The simplest way is to use the Custom CSS section of the customizer option screen. If you have many customizations to make in CSS and PHP, then we strongly recommend you create a child theme. Everything you need to know about creating a child theme with Customizr here.

 

Background Color/Texture

Body Color:

 

Body Texture:

 

Header Background

Credit: @AndrewNevins/@dglick

 

Add a Gradient Background
– Change red/blue to required colors

Note: Because of the presence of quotes (‘) in the filter property you can’t paste anymore the above CSS code in the Custom CSS box, due to new wordpress theme guidelines. You have to paste it in your child-theme style.css

 

Navbar Background

 

Background Image

Header Background Image

 

Body Background Image:

 

Footer Background Image:

 

Where to copy/paste this code?
The simplest way is to use the Custom CSS section of the customizer option screen. If you have many customizations to make in CSS and PHP, then we strongly recommend you create a child theme. Everything you need to know about creating a child theme with Customizr here.

44 thoughts on “Change Customizr Background to Texture or Image”

Comments are closed.