3 Tactics to Upload a Disclaimer to the Divi Footer

by | Dec 24, 2021 | Etcetera | 0 comments

Together with a disclaimer is a great way to provide crucial information on your target audience. It’s a superb first step in protecting yourself and your internet web page towards jail prison duty. Disclaimers include affiliate notifications, showing that the evaluations of writers might not be those of the dad or mum company, and plenty of others. We usually see them throughout the footer. Fortunately, disclaimers are easy with the intention to upload to Divi. In this article, neatly see 3 ways with the intention to upload a disclaimer to the Divi footer.

Preview

Desktop Static Disclaimer

Desktop Static Disclaimer

Proper right here’s the static disclaimer on a desktop.

Cell Static Disclaimer

Mobile Static Disclaimer

Proper right here’s the static disclaimer on a phone.

Desktop Sticky Disclaimer

Proper right here’s the sticky disclaimer on a desktop.

Cell Sticky Disclaimer

Proper right here’s the sticky disclaimer on a phone.

Desktop Animated Disclaimer

Proper right here’s the animated disclaimer on a desktop.

Cell Animated Disclaimer

Proper right here’s the animated disclaimer on a phone. It disables the animation and presentations the text as common.

Upload a Divi Footer Template

Upload a Divi Footer Template

We’ll use 3 different free footer templates from the Chic Subjects blog. You’ll to seek out them by means of search for “free footer” throughout the blog. To use them, unzip the download document. In WordPress, go to Divi > Theme Builder and select Portability. Click on on on Import throughout the modal that opens. Navigate on your document and select it. Click on on Import Divi Theme Builder Templates. Look ahead to the upload to complete and save your settings.

Add a Static Disclaimer to the Divi Footer

Add a Static Disclaimer to the Divi Footer

For this example, we will assemble a static disclaimer in a brand spanking new segment at the bottom of the footer. This example uses the footer template from the Header & Footer for Divi’s Blogger Layout Pack. Hover right through the remaining row and click on at the blue icon and click on on on Not unusual with the intention to upload a brand spanking new segment.

Add a Static Disclaimer to the Divi Footer

Select the full-width row.

Add a Static Disclaimer to the Divi Footer

Add a Text module and then close its settings. We’ll come once more to this after we make some adjustments to the segment and the row.

Add a Static Disclaimer to the Divi Footer

Open the Section’s settings by means of clicking its equipment icon.

Add a Static Disclaimer to the Divi Footer

Scroll proper right down to Background and set it to Black.

  • Background: #000000

Add a Static Disclaimer to the Divi Footer

Open the Design tab and scroll proper right down to Spacing. Add 0px padding for the absolute best and bottom. Close the module’s settings.

  • Padding: Very best 0px, Bottom 0px
See also  The Final Information to Product Advertising and marketing in 2021

Add a Static Disclaimer to the Divi Footer

Open the Row settings by means of clicking its equipment icon.

Add a Static Disclaimer to the Divi Footer

Open the Design tab and scroll to Sizing. Set the Width to 90%. Close the module’s settings.

  • Width: 90%

Add a Static Disclaimer to the Divi Footer

Open the Text module’s settings by means of clicking its equipment icon.

Add a Static Disclaimer to the Divi Footer

Add your disclaimer to the body. I’m together with a disclaimer regarding the content material subject material being created by means of a few authors and their evaluations would possibly not replicate those of the internet web page.

  • Body: The content material subject material of this internet web page comprises articles with evaluations from a few authors and won’t replicate the evaluations of this company.

Add a Static Disclaimer to the Divi Footer

Select the Design tab and scroll to the Body Text. Set the text color to #777777 and close the module’s settings.

  • Text Text Color: #777777

Save your art work.

Add a Sticky Disclaimer to a Divi Footer

Add a Sticky Disclaimer to a Divi Footer

Sticky portions keep in place as you scroll. You’ve keep an eye on over how and where they art work. We’ll create a sticky disclaimer that appears on the most efficient of the footer and remains in place until it reaches its final location at the bottom of the internet web page.

We’ll create a disclaimer that the writing is the author’s opinion and will have to not be used as a substitute of professional lend a hand. I’m the use of the footer from the Header & Footer for Divi’s Immigration Lawyer Layout Pack for this example.

Hover over the bottom row and select the layout possible choices. This row not too long ago has two columns. Select the selection with ¼, ½, ¼ columns. This provides us a large segment for the disclaimer.

Add a Sticky Disclaimer to a Divi Footer

Drag and drop the Text module throughout the center to the location at the correct.

Add a Sticky Disclaimer to a Divi Footer

Inside the center column, click on on on the dark gray plus icon and search for Text. Add the Text module to the column.

Add a Sticky Disclaimer to a Divi Footer

The Text module will open. Add your disclaimer to the Body. The disclaimer is up to you. I’m together with this one:

  • Body: This content material subject material used to be as soon as right kind to the best of the author’s knowledge at the time of writing. It’s intended for information only and isn’t supposed to change professional advice.

Add a Sticky Disclaimer to a Divi Footer

Scroll proper right down to Background and add #fd643a. the row already has this background, then again we want to include it throughout the module so it’ll display when the module is visible outside this row.

  • Background: #fd643a
See also  VEED.IO Display Recorder Evaluate and Overview

Design Tab

Add a Sticky Disclaimer to a Divi Footer

Select the Design tab and select black for the Text Color. We’ll use the default font and weight for this one.

  • Text Text Color: #000000

Add a Sticky Disclaimer to a Divi Footer

Scroll to Spacing and add 20px padding for the absolute best and bottom, and 5% for the left and correct.

  • Padding: Very best 20px, Bottom 20px, Left 5%, Right kind 5%

Add a Sticky Disclaimer to a Divi Footer

Select the Sophisticated tab and scroll proper right down to Scroll Effects. Select Persist with Bottom for the Sticky Position. Open the Very best Sticky Prohibit dropdown box and select Section. Click on at the fairway check to close this module.

  • Sticky Position: Persist with Bottom
  • Very best Sticky Prohibit: Section

Add a Sticky Disclaimer to a Divi Footer

Open the settings for the Text module on the left, select the Design tab, and add 26px of padding to the Very best and Bottom and save the module’s settings.

  • Padding: Very best 26px, bottom 26px

Add a Sticky Disclaimer to a Divi Footer

In spite of everything, the settings for the Text module at the correct, select the Design tab, and add 26px of padding to the Very best and Bottom and save the module’s settings and save your art work.

  • Padding: Very best 26px, bottom 26px

Add an Animated Disclaimer to the Divi Footer

Add an Animated Disclaimer to the Divi Footer

For this example, I’m the use of the footer template from the Header & Footer for Divi’s Golf Lessons Layout Pack. We’ll add a brand spanking new row with a text notification and animate the text. Hover right through the remaining Row and click on at the fairway plus icon to add a brand spanking new row.

Add an Animated Disclaimer to the Divi Footer

Drag the Row above the bottom row and add a Text module.

Add an Animated Disclaimer to the Divi Footer

Add your disclaimer text to the Body. I’m the use of a disclaimer that informs the visitors that the web site comprises affiliate links.

Understand, any web site that uses affiliate links will have to additionally include the correct notifications within the pages and posts that use them. Search for affiliate notification regulations on your country. For the USA, that’s the FTC affiliate disclosure.

  • Body: Disclaimer: This web site contains affiliate links.

Design Tab

Add an Animated Disclaimer to the Divi Footer

Open the Design tab and change the font to Poppins, set the color to white, and set the desktop size to 16px. Set the Line Height to 2em.

  • Text: Poppins
  • Color: #ffffff
  • Text Text Size (desktop): 16px
  • Line Height: 2em
See also  Thrive Issues Architect Assessment – Value The Worth Tag? (2021)

Add an Animated Disclaimer to the Divi Footer

Select the Phone tab throughout the text size and set it to 14px.

  • Text Text Size (phone): 14px

Add an Animated Disclaimer to the Divi Footer

Scroll proper right down to Animation and select your most well liked Animation Style. I’m settling on Zoom. The animation gained’t display on the phone fashion.

  • Animation Style: Zoom

Add an Animated Disclaimer to the Divi Footer

Open the row settings for this module. Move to the Design tab and add 50px padding to the Very best and 25px to the Bottom.

  • Padding: 50px Very best, 25px Bottom

Add an Animated Disclaimer to the Divi Footer

Open the settings for the bottom Row, select the Design tab, go to Spacing. Disconnect the Very best and Bottom Padding and change the Very best to 25px.

  • Padding: 25px Very best

Close your module and save your settings.

Results

Desktop Static Disclaimer

Desktop Static Disclaimer

Proper right here’s the static disclaimer on a desktop.

Cell Static Disclaimer

Mobile Static Disclaimer

Proper right here’s the static disclaimer on a phone.

Desktop Sticky Disclaimer

Proper right here’s the sticky disclaimer on a desktop.

Cell Sticky Disclaimer

Proper right here’s the sticky disclaimer on a phone.

Desktop Animated Disclaimer

Proper right here’s the animated disclaimer on a desktop.

Cell Animated Disclaimer

Proper right here’s the animated disclaimer on a phone. It disables the animation and presentations the text as common.

Completing Concepts

That’s our take a look at tips on how to add a disclaimer to the Divi footer. Disclaimers are crucial for informing your target audience about the use of your advice, affiliate links, and plenty of others. The footer is an excellent location for this. This article covers numerous possible choices for together with the disclaimer and appearing it in techniques by which stand out or combine in. Not every internet web page will need a disclaimer, then again for those that do, this article is going to get you started.

We want to concentrate from you. Have you ever ever used either one of the ones how you can add a disclaimer on your Divi footer? Let us know throughout the comments.

The post 3 Ways to Add a Disclaimer to the Divi Footer appeared first on Elegant Themes Blog.

WordPress Web Design

[ continue ]

0 Comments

Submit a Comment