Updating divi’s status options gives you more control over how content is displayed than ever before. The content can only be displayed if the conditions for adding condition settings in sections, rows and modules are met. Today, we’ll show you how to use divi’s date and time criteria to add duplicate promotional banners to your website. This can be set and forgotten, but the client and client will continue to remember. Let’s go! The first step in creating a repeat upgrade banner ad is to identify the page on which you want to repeat the banner ad. In this example, you will use a page that loads the artisan pizza shop layout package found in the divi builder. To use one of the preset layouts, select the purple + icon in divi builder and browse to the desired layout.
The following steps can be followed regardless of the layout used. Add a new section. The banner ad is only displayed occasionally, so you don’t want to add the banner ad to the existing elements on the page. You’ll want a whole new chapter on it. Click the blue + icon to add a new section to the page. Select the general section type in the pop-up window. This section will be repeated banner advertising. Again, if you choose a column layout, any layout on the banner can be used, but in this example, the three column layout with the largest middle column is used. Banner design this is a publicity banner. Please take time to attract attention. Set the background to an eye-catching color, use eye-catching fonts, and emphasize how the customer uses the suggestions.
Select the background color, first go to some settings, and then go to the background from the content tab# B23f19 color as background. After saving the row spacing adjustment, you will go to the row setting. Where you click the design tab and zoom options. Set the width and maximum width to 100%. This extends the green border of the row to the edge of the viewport. Add the male button module and specify the style, then click the third column and add the button module with the black + icon. Then click button settings and adjust the button link URL on the content tab. Here, the customer must be able to use all the upgrades you want to repeat.
Then navigate to the design tab and select use custom style on the button. Although your details may vary, in this article, make sure that the text uses the same background as #b23f19 above, and then set the background color to white. Male add text to the other columns. The other two columns of the design will become the publicity text of repeated banner advertising. In order to achieve this, just use the standard text module. Male add the title text representing the promotion name in the first column. In this case, pizza Friday. Male and then move to the design label. For this particular design, you selected Eudora script as the title font and bold font weight as the white text color with a text size of 3rem and a center. Sort.
Repeat the same steps in the malecentral column, using only normal body text in the content. Then adjust the settings as above. In this example, we choose Poppins as the body text font with 1.5rem font size, but the rest settings are the same as the upgraded text. Now I have the promotion banner itself, so I will set it to repeat! You may want to fix the section at the top of the page because you want to add the fixed position to the banner advertising section to get attention. Just navigate to the Advanced tab of some settings. Under position, select fixed, and then click the top center rectangle to indicate where divi should fix the part. In addition, the Z index of 99 makes the banner advertisement suspended on the other content of the page.
