Almost each section on homepage has Design options settings.
With this settings you can set/change section’s background color, background image , background image with a color overlay or background gradient color, Top/Bottom spacing (padding) etc.
Background option has 3 options:
- Solid color (Set Solid background color)
- Gradient (Set gradient background color)
- Image (Set image background with color overlay)
This options also has 3 options
- Text color
- Link color
- Link hover color
With this option you can change section’s header text color.
With this option you can change Section header’s sub-heading color and heading underline color.
Change section’s Top / Bottom spacing (padding)
Change section width Normal (Content width) or Full (fluid) width.
Let’s play with Service section’s background.
Set Solid background color #
We have set the Font color and Accent color to light gray (#e4e7ec) and background color to Solid rgba(224,75,67,0.94)
Set gradient background color #
We have set the Font color and Accent color to light gray (#e4e7ec) and color 1 to #cc2b5e and color 2 #753a88. You can adjust the color Location and color Angle according to your requirement. You can also choose gradient type Linear or Radial.
Set background image #
We have set a background image with a transparent color overlay and set it’s position to fixed so when you scroll you’ll have parallax effect.
You can check the rest of the settings in below screenshot.