Post by farjanapakhi on Feb 19, 2024 11:31:32 GMT 5.5
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 class="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 ".
The notation may differ depending on the WordPress list of phone numbers environment. What is a row block (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 ". 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 the 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 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.