Post by farjanapakhi on Feb 19, 2024 8:00:40 GMT 2
This time, we will delete everything to create an original flow. Click the "three-line icon ( list display) " at the top left of the editing screen. Beware of changes in WordPress specifications (Added: 2023/05) From WordPress 6.2, the name of the three-line icon has been changed to "Document Overview". Before change: Click "Three line icon (list display)" After change: Click "Three line icon (document overview)"Before change (WordPress 6.1 and earlier)After change (WordPress 6.2 or later) Click Flow in the list view . While holding down the " shift" key on your keyboard , click " Responsive Spacer " at the bottom . You can select all blocks at once. Click “Remove Block” from “⋮” of the selected “Responsive Spacer”. A cursor will be displayed under the title "Contract Process". A paragraph block appears in list view. Close the list display by clicking "x". STEP Four Add icon block Enter "/" (half-width slash) and click " Icon ". *If "icon" is not among the displayed candidates, enter "icon" after "/" and a list of blocks related to the icon will be displayed, so please select from there.
Click "Align Center" from "Change Alignment". Click "Bottom sm" from "Block Margin" to set the list of phone numbers margin at the bottom of the icon. Set the Font Awesome icon from the settings sidebar on the right side of the screen. Click Select an icon under " Icon settings ". Click on the screen. If you search for "1", " 1 " will be hit, so click on it. memo If you cannot find the search window as shown below when you click "Font Awesome Icon List", please try the following. Reload (refresh) browser tab Close the browser tab and start over by clicking "Font Awesome icon list" Copy the corresponding code and paste it into "Icon (Font Awesome 6 Free)". e to the number “ 1 ” as shown below . STEP Five Edit icon block Edit the installed icon block as follows. icon Size: 18px Margin: 10px Style: solid color Color: Key color (dark) STEP 6 Add a heading block Select the icon block and press the Enter key on your keyboard. A cursor will appear. Enter "/" (half-width slash) and click " Heading ". Edit as below. heading Text: Contact us Text alignment: text centered Style: no decoration Beware of changes in WordPress specifications (Added: 2023/05) From WordPress 6.2, the display format of the right panel that is displayed when each block is selected has changed. All setting items are displayed on the right panel before modification .
The changed settings are divided into the "Settings" and "Style" tabs. Please switch tabs. Before change (WordPress 6.1 and earlierAfter change (WordPress 6.2 or later) STEP 7 Add a paragraph block Place your cursor behind the heading ``Contact Us'' and press the `` Enter '' key on your keyboard. A cursor will appear. Edit as below. paragraph Text: Please feel free to contact us. If you are in a hurry, please contact us by phone. Text alignment: text centered STEP 8 Add column block Place the cursor behind "Please feel free to start..." and press the " Enter " key on your keyboard. A cursor will appear. Enter "/" (half-width slash) and click " Column ". Click “ 2 Columns: Equally ”. STEP 9 Add button block Click " + " in the left column and click " Button ". *If "Button" is not displayed, please enter "Button" in the search window and search. button Text: Contact form Link URL: Enter "/contact/" and click send Button position: wide Color: (Background color) Custom color 2 (Text color) Black Icon ( Font Awesome 6 Free ): After the text<i clMy Butt="fa-solid fa-angle-right"></i> STEP Ten Add horizontal blocks Create the following combination of icon and phone number in the right column. Complete image Click " + " in the right column of the inquiry form and click " Button ". Enter " Horizontal " in the search window and click " Row " or " Horizontal ". If it does not appear in " horizontal ", please search for " row ".
Click "Align Center" from "Change Alignment". Click "Bottom sm" from "Block Margin" to set the list of phone numbers margin at the bottom of the icon. Set the Font Awesome icon from the settings sidebar on the right side of the screen. Click Select an icon under " Icon settings ". Click on the screen. If you search for "1", " 1 " will be hit, so click on it. memo If you cannot find the search window as shown below when you click "Font Awesome Icon List", please try the following. Reload (refresh) browser tab Close the browser tab and start over by clicking "Font Awesome icon list" Copy the corresponding code and paste it into "Icon (Font Awesome 6 Free)". e to the number “ 1 ” as shown below . STEP Five Edit icon block Edit the installed icon block as follows. icon Size: 18px Margin: 10px Style: solid color Color: Key color (dark) STEP 6 Add a heading block Select the icon block and press the Enter key on your keyboard. A cursor will appear. Enter "/" (half-width slash) and click " Heading ". Edit as below. heading Text: Contact us Text alignment: text centered Style: no decoration Beware of changes in WordPress specifications (Added: 2023/05) From WordPress 6.2, the display format of the right panel that is displayed when each block is selected has changed. All setting items are displayed on the right panel before modification .
The changed settings are divided into the "Settings" and "Style" tabs. Please switch tabs. Before change (WordPress 6.1 and earlierAfter change (WordPress 6.2 or later) STEP 7 Add a paragraph block Place your cursor behind the heading ``Contact Us'' and press the `` Enter '' key on your keyboard. A cursor will appear. Edit as below. paragraph Text: Please feel free to contact us. If you are in a hurry, please contact us by phone. Text alignment: text centered STEP 8 Add column block Place the cursor behind "Please feel free to start..." and press the " Enter " key on your keyboard. A cursor will appear. Enter "/" (half-width slash) and click " Column ". Click “ 2 Columns: Equally ”. STEP 9 Add button block Click " + " in the left column and click " Button ". *If "Button" is not displayed, please enter "Button" in the search window and search. button Text: Contact form Link URL: Enter "/contact/" and click send Button position: wide Color: (Background color) Custom color 2 (Text color) Black Icon ( Font Awesome 6 Free ): After the text<i clMy Butt="fa-solid fa-angle-right"></i> STEP Ten Add horizontal blocks Create the following combination of icon and phone number in the right column. Complete image Click " + " in the right column of the inquiry form and click " Button ". Enter " Horizontal " in the search window and click " Row " or " Horizontal ". If it does not appear in " horizontal ", please search for " row ".