Post by farjanapakhi on Feb 19, 2024 2:38:00 GMT -5
The notation may differ depending on the WordPress environment. (horizontal block)? Standard WordPress block. You can lay out multiple blocks side by side. STEP 11 Add icon block Click the " + " to the left of the horizontal block . Type " icon " in the search window and click the icon. Set the Font Awesome icon from the settings sidebar on the right side of the screen. Click " Select icon " under " Icon settings ". Click the square phone icon from the displayed icon list. Edit as below. icon Size: 36px Margin: 0px Style: icon only Color: key color STEP 12 Add a paragraph block Click the row of icons, referring to the image below. A “ + ” mark will be displayed. Click + and click Paragraph . A cursor will appear next to a phone icon. Edit as below. paragraph Text: enter phone number Block margin: bottom 0 Bold: On Color: Text key color (dark) Typography: Size (custom) to 32px STEP 13 Adjust the position and margins of horizontal blocks Adjust the position and margins of horizontal blocks.
First, click on the phone icon. Next, when you hover your mouse list of phone numbers pointer over the horizontal icon, " Select row (horizontal) " will be displayed. Click. Horizontal is now selected. Edit as below. side by side Change the alignment position of items: Center alignment Block margin: Click “Top 0” Click “Bottom 0” (Press twice to select) STEP 14 Add a paragraph block Select the horizontal block again. Click “ ⋮ ” and then “ Insert after ”. A cursor will appear below the phone number. Edit as below. paragraph Text: Reception hours 10:00-18:00 [Excluding Saturdays, Sundays, and holidays] Change text alignment: Center text STEP 15 group blocks Group all blocks and set background color and margins. First, click " List View " at the top left of the editing screen.
Next, click the " icon " in the list view . While holding down the " shift" key on your keyboard , click the bottom " column " to select all blocks at once. Click " Group " from " ⋮ " of the selected "icon" . Now it can be treated as a group block. Close the list display by clicking " × ". Select the group as below. Edit the group block as follows. group Color: Background color Custom color 3 Padding: 4rem, 2rem, 4rem, 2rem (see below) Click on the link mark to be able to specify padding (margins within the group) individually. Beware of changes in WordPress specifications (Added: 2023/05) From WordPress6.3, the display procedure for individual padding settings has been changed. Before change: When you click "Specify individually", sliders on the top, right, bottom, and left will be displayed. Click "Set custom size" for each size and specify the unit.
First, click on the phone icon. Next, when you hover your mouse list of phone numbers pointer over the horizontal icon, " Select row (horizontal) " will be displayed. Click. Horizontal is now selected. Edit as below. side by side Change the alignment position of items: Center alignment Block margin: Click “Top 0” Click “Bottom 0” (Press twice to select) STEP 14 Add a paragraph block Select the horizontal block again. Click “ ⋮ ” and then “ Insert after ”. A cursor will appear below the phone number. Edit as below. paragraph Text: Reception hours 10:00-18:00 [Excluding Saturdays, Sundays, and holidays] Change text alignment: Center text STEP 15 group blocks Group all blocks and set background color and margins. First, click " List View " at the top left of the editing screen.
Next, click the " icon " in the list view . While holding down the " shift" key on your keyboard , click the bottom " column " to select all blocks at once. Click " Group " from " ⋮ " of the selected "icon" . Now it can be treated as a group block. Close the list display by clicking " × ". Select the group as below. Edit the group block as follows. group Color: Background color Custom color 3 Padding: 4rem, 2rem, 4rem, 2rem (see below) Click on the link mark to be able to specify padding (margins within the group) individually. Beware of changes in WordPress specifications (Added: 2023/05) From WordPress6.3, the display procedure for individual padding settings has been changed. Before change: When you click "Specify individually", sliders on the top, right, bottom, and left will be displayed. Click "Set custom size" for each size and specify the unit.