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:
- Navigate to Location Weather Menu > Add New.
- Type a Title for your Weather View.
- Underneath the Style Options Configuration Tab, You will find the Option Named Background Type.
4. Here you will find 3 options and they are:
- Solid: Choose it to set a Solid or Gradient Background color to your weather details.
- Weather-based Image: According to your weather condition a background image will display to your weather details.
- Video: By selecting this option you can set HTML5 or YouTube video to your weather details background.
Choose a background as per your preferences. Publish and display the shortcode to 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