Location Weather Pro

  1. Home
  2. Docs
  3. Location Weather Pro
  4. Configurations
  5. How To Configure Weather Details Background Type

How To Configure Weather Details Background Type

The weather details view can be stylized in 3 different types. You can set Color (Solid or Gradient), Weather-based Image, and Video (HTML5 or Youtube). Follow the Steps Below to learn how to configure the weather details background: 

1. Navigate to Location Weather Menu → Add New.

2. Type a Title for your Weather View.

3. Underneath the Style Options Configuration Tab, You will find the Option Named Background Type.

4. Here you will find three options, and they are: 

  • Solid: Choose it to set a Solid or Gradient Background color to your weather details. 
  • Weather-based Image: A background image will display your weather details according to the weather conditions
  • Video: By selecting this option, you can set HTML5 or YouTube video to your weather details background. 

5. Choose a background as per your preferences.

6. Publish and display the shortcode on your web pages.

The final output would be something like below: 

Background Type: Solid

Background Type: Gradient

Background Type: Weather Based Image

Background Type: Video

Check the Video Background Demo here