How to change the Colors & Background

SpicePress Pro provides a Colors & Background feature that gives you complete control to manage the color of content from header to footer on your website. This will help you to manage colors throughout your website. You can change the colors of text and links. Also, change the background color of the header section.

Go to Appearance >> Customize >> Colors & Background

1. Background Image

This option helps you to set the background image for the boxed layout of the theme. You can upload a custom image for the background from here. This will only work when you select the boxed layout of the theme and you need to select the none option for “predefined default background” in the Theme Style Settings.

2. Background Color

This option helps you to set the background color for the boxed layout of the theme. You can select a custom color for the background from here. This will only work when you select the boxed layout of the theme from the Theme Style Settings.

3. Header

This option helps you to set the background color of the header section and you can change the color of the Site Title and Tagline from here. If you want to apply colors on the site title and tagline then you need to enable the display option in customizer. Go to Appearance >> Customize >> Site Identity and enable the option “Display Site Title and Tagline“.

4. Sticky Header

This option helps you to set the background color of the sticky header and you can change the color for Site Title and Tagline on the sticky header. If you want to apply colors on the site title and tagline then you need to enable the display option in customizer. Go to Appearance >> Customize >> Site Identity and enable the option “Display Site Title and Tagline“. You need to enable the checkbox “Click here to Apply Settings” to use these settings. You are also able to change the colors of the menu and submenus for the sticky header.

Site Title & Tagline and Menus

Sticky Header SubMenus

5. Primary Menu

This option helps you to set the color of menus and submenus. Also, you can change the background color of the submenus. You need to enable the checkbox “Click here to apply these settings” to use these settings.

This option helps you to set the color of the banner title and breadcrumb title. You need to enable the checkbox “Click here to apply below settings” to apply the color for the breadcrumb title.

7. Content

This option helps you to set the color of H1 to H6 and paragraph. This setting basically for the custom content that means the content which is coming from the editor in the whole site.

8. Slider Section

This option helps you to set the color of slider content. You need to enable the checkbox “Click here to use button color settings” to apply the color for both buttons on the slider.

9. Testimonial Section

This option helps you to set the color of testimonial content.

10. Call to Action Section

This option helps you to set the color of the call to action section content. You need to enable the checkbox “Click here to apply below settings” to apply the color on the button of this section.

11. Blog Page/Archive

This option helps you to set the color of the Post title and meta text on the blog and archive pages. You need to enable the checkbox “Click here to apply these settings” to use this setting.

12. Single Post

This option helps you to set the color of the Post title and meta text on a single post. You need to enable the checkbox “Click here to apply these settings” to use this setting.

This option helps you to set the color of the Sidebar widget title and widget content. You need to enable the checkbox “Click here to apply below setting” to change the color of the link hover.

This option helps you to set the color of the Footer widget title and widget content. You can also change the background color of the footer widget area. You need to enable the checkbox “Click here to apply these settings” to use these settings.

This option helps you to set the color of Footer bar content. You can also change the background color of the footer bar. You need to enable the checkbox “Click here to apply these settings” to change the color of the link hover.