The Date & Weather Block is suitable for forecasting weather information according to the current date on your website. This would help the readers know the weather from your website instead of visiting other sites.
Once you insert the Block, you will get two options, i.e., Settings and Advanced. These tabs are to make changes to your block design. Let’s explore one by one below:
Block Settings #
The settings section mainly consists of two options, as listed below:
Color #
It lets you change the color of the weather forecast icon. You can select and assign the color upon the site requirement.
Block Advanced #
The Advanced section consists of two customization options for the Block.
Advanced #
Inside the Advanced > Block Margin section, you will have the option to add the Block Margin values to all four sides of the block.
According to the site requirement, you can assign a specific margin value to the block along with units like px, em, %, and rem. Moreover, you can set the value of the different margins for various devices (Desktop, Tablet, and Mobile).
CSS #
It allows you to add a CSS class to your block, letting you write custom CSS to style this particular block.
For example, if you want to change the font size for the date, you can add a class such as date-font to the Additional CSS Class field. After that, visit your CSS editor and write a style for the class as below:
Upon adding the code, it will make the changes only to this particular block and not others.
Note: For Date & Weather Block we would need to add an API key and Postal Code to fetch the data of that location. In order to do so, please follow the steps below:
- Navigate to WordPress Dashboard > Magazine Blocks
- Click on Settings > Date and Weather Block
- Add the API Key and Postal Code to display the data of that location
(We currently use Weather API that supports the Date and Weather Block)
