How to change the Colors & Background in Spiko Plus

Spiko Plus 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, you need to enable the display option in the 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, you need to enable the display option in the customizer. Go to Appearance >> Customize >> Site Identity and enable the option “Display Site Title and Tagline“.  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.

6. After Menu Button

This option helps you to set the color of the After menu button.

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 the below color settings” to apply the color for the breadcrumb title and hover color on a link.

8. Content

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

9. Slider Section

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

10. Testimonial Section

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

11. CTA  Section

This option helps you to set the color of the CTA section content.

12. Funfact Section

This option helps you to set the color of the Funfact section content.

13. Blog Page/Archive

This option helps you to set the color of the Post title and meta text on the blog and archive pages.

14. Single Post

This option helps you to set the color of the Post title and meta text on a single post.

This option helps you to set the color of the Sidebar widget title and widget content.

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.

This option helps you to set the color of the Footer bar content. You can also change the background color of the footer bar.