Weather
Weather
Welcome to the “Weather” documentation.
Looking to integrate weather section into your website? Our block allows you to seamlessly integrate weather updates into your site, providing valuable information to your audience.
In this guide, we'll show you how to use the editor to customize your weather block.
Step 1: Open the Editor
1. Go to Weather template.
2. Click on "Edit" after choosing your template.
class="" alt="">Step 2: Add and customize events
In this panel, you can easily select how your background will be presented, and you also have the option to upload your custom image for each weather condition.
class="flex justify-center items-start h-auto w-auto" alt="">Step 3: Configure settings
Here, you'll handle the weather settings:
1. Start by entering the city for which you want weather information and selecting your preferred language. Then, decide whether to show or hide specific details in the header.
class="flex justify-center items-start h-auto w-auto" alt="">2. In this section, you can choose the units for temperature, wind speed, and pressure.
class="flex justify-center items-start h-auto w-80" alt="">3. Customize the weather's style by selecting its display format and editing colors.
class="flex justify-center items-start h-auto w-80" alt="">4. Finally, in the "View" section, you can determine how the weather is displayed, adjusting borders, roundness, and margins.
class="flex justify-center items-start h-auto w-80" alt="">Step 4: Choose Colors
Within this panel, you can pick colors for borders and text.
class="flex justify-center items-start h-auto w-auto" alt="">Step 5: Preview
Lastly, you can click on “Preview” to see how your weather block looks on both desktop and mobile devices. After this, you can proceed to the next step.
class="flex justify-center items-start h-auto w-auto" alt="">