Post by farjanapakhi on Feb 19, 2024 1:01:24 GMT -5
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. After change: In the initial state, it is displayed divided into top, bottom, left and right padding. Click "Set custom size" for each size and specify the unit. Before change (WordPress 6.2 and earlier) step 1 Step 2 Step 3 Step 4 After change (WordPress 6.3 or later) step 1 Step 2 Step 3 STEP 16 Click update Top right of the editing screenupdateClick to save. STEP 17 Add icon block Referring to the image below, click on the background and select the group block. memo If you have difficulty selecting the "Group" block, click the list display at the top left of the editing screen. You can select it by clicking " Group " at the top . Click “⋮” and then “ Insert after ”.
A cursor will appear below the group block. Enter "/" (half-width slash) and click " icon ". Center BloEdit as below. icon Change alignment: ck margin: top 0 bottom sm Set the Font Awesome icon from the settings sidebar on list of phone numbers the right side of the screen. Click Select an icon under "Icon settings" . Click on the Font Awesome icon list to open the search screen. If you search for " sort down ", you will find " sort-down ", so click on it. Copy the corresponding code and paste it into "Icon (Font Awesome 6 Free)". * The part marked as <i class="fa-solid fa-sort-down"></i> Edit as below. icon Size: 40px Margin: 0px Style: icon only Color: Custom color 1 Let's check the preview first. Click Preview in new tab from the preview at the top right of the screen .
Beware of changes in WordPress specifications (Added: 2023/09) From WordPress6.3, the preview display at the top right of the editing screen has been changed. Before change: "Preview" is displayed as text. After change: "Preview" is displayed as an icon.Before change (WordPress 6.2 and earlier) After change (WordPress 6.3 or later) The page will open in a new tab in your browser. TPlease close the browser tab displaying the preview. STEP 18 Click update The first flow on the installation flow page is now complete. Top right of the editing screenupdateClick to save. STEP 19 Duplicate group blocks and icon blocks The second flow on the introduction flow page is created by duplicating the first flow. Click " List View " at the top left of the editing screen. Hold down the Shift key on your keyboard and click Groups and Icons . You can select blocks at once. Click " Duplicate " from " ⋮ " under "Group" .