Custom CSS
If you want to change the styling of your site at any stage, you can add the custom CSS for that here. You can add the custom CSS for any of the sections of your site here.
In your wp-admin panel, Go to Appearance >> Customize >> Header Settings >> Custom CSS
The (currently) empty editor in this area enables you to type in lines of CSS code, without having to sort through the existing style sheet. You can add as much CSS here as you want – just include each new snippet on its own line. Plus, you can see your changes take effect in the live preview. That way, you’ll know whether they look right before publishing them to your site.
Theme Style Settings
How to change Color Scheme, theme’s Layout and background image
1. Layout: Quality PRO theme comes with 2 layouts: wide and boxed
You can set any one of the layouts. It’s up to you what prefer to choose for your theme layout.
In your WP Admin Panel, Go to Appearance >> Customize >> Header settings >> Theme style settings
From here select one of the options for Theme layout. The below image shows how the layout will look for both, boxed and as well as for wide.
2. Skin Color: You can set your theme’s skin color. There are 9 preset optional colors to set. You can go with anyone, depend on your choice.
In your WP Admin Panel, Go to Appearance >> Customize >> Header settings >> Theme style settings
Here, select one of the predefined colors out of nine and click to the “Publish” button to save changes. The below screenshot shows how to do that.
2.1 Excluding 9 preset colors, you can even set your own skin color using a custom color picker. First, you need to check the checkbox to “Enable custom skin color” and click on the “Skin color ” option to select your desired skin color. The below screenshot shows you how to do that.
3. Background Image: In your WP Admin Panel, Go to Appearance >> Customize >> Header settings >> Theme style settings
Here, you can set to one of the background images from the “Predefined default background” images. The below screenshot shows you how to do that.
3.1 Excluding 13 Predefined default background, you can set your own custom background image.
Go to Appearance >> Customize >> Background Image
Here, you can upload your own custom background image. Following are the additional customization options to set the background image:
a) Image Position: Using arrows, you can set the position of the background image.
b) Image Size: Image can be displayed as Original, Fit to screen or Fill screen
c) Repeat Background Image: Enable the image to repeat in the background.
d) Scroll with Page: Enable the Background image to slide with the page scrolling.
Below screenshot shows all the available options, you can customize your custom background image.
