Skip to the content
Peregrine KnowledgebasePeregrine Knowledgebase
  • Go to website
  • Go to website
  • Yelp
  • Facebook
  • Twitter
  • Instagram
  • Email

How can we help you?

Popular Search infosidebar

Hester Pro

  • Theme Installation
  • Steps after Activating Hester Pro theme
  • Add widgets in sidebar or in Footer widget area
  • Enable front page sections
Home Sections
  • Slider Section
  • Info section
  • Service section
  • About section
  • Team section
  • Testimonial section
  • Pricing plan section
  • Call to Action section
  • Gallery section
  • Fun-facts section
  • Feature section
  • Steps to start section
  • Work history / timeline section
  • Workflow section
  • Clients section
  • Extra section
  • Design options
  • Home
  • Docs
  • Hester Pro
  • Home Sections
  • Design options

Design options

Table of Contents
  • Set Solid background color
  • Set gradient background color
  • Set background image

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:

Background option has 3 options:

  • Solid color (Set Solid background color)
  • Gradient (Set gradient background color)
  • Image (Set image background with color overlay)

Font Color:

This options also has 3 options

  • Text color
  • Link color
  • Link hover color

With this option you can change section’s header text color.

Accent Color:

With this option you can change Section header’s sub-heading color and heading underline color.

Section spacing:

Change section’s Top / Bottom spacing (padding)

Section width:

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.

What are your Feelings
Share This Article :
  • Facebook
  • Twitter
  • LinkedIn
  • Pinterest
Still stuck? How can we help?

How can we help?

Updated on March 27, 2022
Extra section
Table of Contents
  • Set Solid background color
  • Set gradient background color
  • Set background image

© 2023 Peregrine Knowledgebase

Powered by WordPress

To the top ↑ Up ↑