Including a disclaimer is a good way to supply essential data for your target market. It’s a excellent first step in protective your self and your web page in opposition to prison legal responsibility. Disclaimers come with associate notifications, appearing that the critiques of writers is probably not the ones of the guardian corporate, and many others. We normally see them within the footer. Thankfully, disclaimers are simple so as to add to Divi. On this article, smartly see three ways so as to add a disclaimer to the Divi footer.

Preview

Desktop Static Disclaimer

Desktop Static Disclaimer

Right here’s the static disclaimer on a desktop.

Cellular Static Disclaimer

Mobile Static Disclaimer

Right here’s the static disclaimer on a telephone.

Desktop Sticky Disclaimer

Right here’s the sticky disclaimer on a desktop.

Cellular Sticky Disclaimer

Right here’s the sticky disclaimer on a telephone.

Desktop Animated Disclaimer

Right here’s the animated disclaimer on a desktop.

Cellular Animated Disclaimer

Right here’s the animated disclaimer on a telephone. It disables the animation and displays the textual content as commonplace.

Add a Divi Footer Template

Upload a Divi Footer Template

We’ll use 3 other unfastened footer templates from the Sublime Topics weblog. You’ll to find them by way of seek for “unfastened footer” within the weblog. To make use of them, unzip the obtain record. In WordPress, pass to Divi > Theme Builder and make a choice Portability. Click on on Import within the modal that opens. Navigate for your record and make a choice it. Click on Import Divi Theme Builder Templates. Look forward to the add to finish and save your settings.

Upload a Static Disclaimer to the Divi Footer

Add a Static Disclaimer to the Divi Footer

For this situation, we will be able to construct a static disclaimer in a brand new phase on the backside of the footer. This situation makes use of the footer template from the Header & Footer for Divi’s Blogger Layout Pack. Hover during the last row and click on the blue icon and click on on Common so as to add a brand new phase.

Add a Static Disclaimer to the Divi Footer

Choose the full-width row.

Add a Static Disclaimer to the Divi Footer

Upload a Textual content module after which shut its settings. We’ll come again to this once we make some changes to the phase and the row.

Add a Static Disclaimer to the Divi Footer

Open the Segment’s settings by way of clicking its tools icon.

Add a Static Disclaimer to the Divi Footer

Scroll 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 right down to Spacing. Upload 0px padding for the highest and backside. Shut the module’s settings.

  • Padding: Best 0px, Backside 0px

Add a Static Disclaimer to the Divi Footer

Open the Row settings by way of clicking its tools icon.

Add a Static Disclaimer to the Divi Footer

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

  • Width: 90%

Add a Static Disclaimer to the Divi Footer

Open the Textual content module’s settings by way of clicking its tools icon.

Add a Static Disclaimer to the Divi Footer

Upload your disclaimer to the frame. I’m including a disclaimer concerning the content material being created by way of a couple of authors and their critiques may now not mirror the ones of the web page.

  • Frame: The content material of this web page contains articles with critiques from a couple of authors and would possibly not mirror the critiques of this corporate.

Add a Static Disclaimer to the Divi Footer

Choose the Design tab and scroll to the Frame Textual content. Set the textual content colour to #777777 and shut the module’s settings.

  • Textual content Textual content Colour: #777777

Save your paintings.

Upload a Sticky Disclaimer to a Divi Footer

Add a Sticky Disclaimer to a Divi Footer

Sticky parts stay in position as you scroll. You’ve regulate over how and the place they paintings. We’ll create a sticky disclaimer that looks on the best of the footer and stays in position till it reaches its ultimate location on the backside of the web page.

We’ll create a disclaimer that the writing is the creator’s opinion and must now not be used instead of skilled assist. I’m the usage of the footer from the Header & Footer for Divi’s Immigration Lawyer Layout Pack for this situation.

Hover over the backside row and make a choice the format choices. This row recently has two columns. Make a selection the choice with ¼, ½, ¼ columns. This offers us a big phase for the disclaimer.

Add a Sticky Disclaimer to a Divi Footer

Drag and drop the Textual content module within the heart to the positioning at the proper.

Add a Sticky Disclaimer to a Divi Footer

Within the heart column, click on at the darkish grey plus icon and seek for Textual content. Upload the Textual content module to the column.

Add a Sticky Disclaimer to a Divi Footer

The Textual content module will open. Upload your disclaimer to the Frame. The disclaimer is as much as you. I’m including this one:

  • Frame: This content material was once correct to the most productive of the creator’s wisdom on the time of writing. It’s supposed for info handiest and isn’t intended to switch skilled recommendation.

Add a Sticky Disclaimer to a Divi Footer

Scroll right down to Background and upload #fd643a. the row already has this background, however we need to come with it within the module so it’ll show when the module is visual outdoor this row.

  • Background: #fd643a

Design Tab

Add a Sticky Disclaimer to a Divi Footer

Choose the Design tab and make a choice black for the Textual content Colour. We’ll use the default font and weight for this one.

  • Textual content Textual content Colour: #000000

Add a Sticky Disclaimer to a Divi Footer

Scroll to Spacing and upload 20px padding for the highest and backside, and 5% for the left and proper.

  • Padding: Best 20px, Backside 20px, Left 5%, Proper 5%

Add a Sticky Disclaimer to a Divi Footer

Choose the Complicated tab and scroll right down to Scroll Results. Make a selection Keep on with Backside for the Sticky Place. Open the Best Sticky Restrict dropdown field and make a choice Segment. Click on the fairway test to near this module.

  • Sticky Place: Keep on with Backside
  • Best Sticky Restrict: Segment

Add a Sticky Disclaimer to a Divi Footer

Open the settings for the Textual content module at the left, make a choice the Design tab, and upload 26px of padding to the Best and Backside and save the module’s settings.

  • Padding: Best 26px, backside 26px

Add a Sticky Disclaimer to a Divi Footer

In any case, the settings for the Textual content module at the proper, make a choice the Design tab, and upload 26px of padding to the Best and Backside and save the module’s settings and save your paintings.

  • Padding: Best 26px, backside 26px

Upload an Animated Disclaimer to the Divi Footer

Add an Animated Disclaimer to the Divi Footer

For this situation, I’m the usage of the footer template from the Header & Footer for Divi’s Golf Lessons Layout Pack. We’ll upload a brand new row with a textual content notification and animate the textual content. Hover during the last Row and click on the fairway plus icon to upload a brand new row.

Add an Animated Disclaimer to the Divi Footer

Drag the Row above the ground row and upload a Textual content module.

Add an Animated Disclaimer to the Divi Footer

Upload your disclaimer textual content to the Frame. I’m the usage of a disclaimer that informs the guests that the website online contains associate hyperlinks.

Notice, any website online that makes use of associate hyperlinks must also come with the right kind notifications inside the pages and posts that use them. Seek for associate notification rules for your nation. For the United States, that’s the FTC affiliate disclosure.

  • Frame: Disclaimer: This website online accommodates associate hyperlinks.

Design Tab

Add an Animated Disclaimer to the Divi Footer

Open the Design tab and alter the font to Poppins, set the colour to white, and set the desktop measurement to 16px. Set the Line Peak to 2em.

  • Textual content: Poppins
  • Colour: #ffffff
  • Textual content Textual content Dimension (desktop): 16px
  • Line Peak: 2em

Add an Animated Disclaimer to the Divi Footer

Choose the Telephone tab within the textual content measurement and set it to 14px.

  • Textual content Textual content Dimension (telephone): 14px

Add an Animated Disclaimer to the Divi Footer

Scroll right down to Animation and make a choice your most popular Animation Taste. I’m deciding on Zoom. The animation won’t show at the telephone model.

  • Animation Taste: Zoom

Add an Animated Disclaimer to the Divi Footer

Open the row settings for this module. Pass to the Design tab and upload 50px padding to the Best and 25px to the Backside.

  • Padding: 50px Best, 25px Backside

Add an Animated Disclaimer to the Divi Footer

Open the settings for the backside Row, make a choice the Design tab, pass to Spacing. Disconnect the Best and Backside Padding and alter the Best to 25px.

  • Padding: 25px Best

Shut your module and save your settings.

Effects

Desktop Static Disclaimer

Desktop Static Disclaimer

Right here’s the static disclaimer on a desktop.

Cellular Static Disclaimer

Mobile Static Disclaimer

Right here’s the static disclaimer on a telephone.

Desktop Sticky Disclaimer

Right here’s the sticky disclaimer on a desktop.

Cellular Sticky Disclaimer

Right here’s the sticky disclaimer on a telephone.

Desktop Animated Disclaimer

Right here’s the animated disclaimer on a desktop.

Cellular Animated Disclaimer

Right here’s the animated disclaimer on a telephone. It disables the animation and displays the textual content as commonplace.

Finishing Ideas

That’s our have a look at the right way to upload a disclaimer to the Divi footer. Disclaimers are essential for informing your target market about the usage of your recommendation, associate hyperlinks, and many others. The footer is a wonderful location for this. This text covers a number of choices for including the disclaimer and showing it in ways in which stand out or mix in. No longer each and every web page will desire a disclaimer, however for people that do, this text will get you began.

We need to listen from you. Have you ever used both of those how to upload a disclaimer for your Divi footer? Tell us within the feedback.

The put up 3 Ways to Add a Disclaimer to the Divi Footer seemed first on Elegant Themes Blog.

WordPress Web Design

[ continue ]