3 Ways to Add a Disclaimer to the Divi Footer

by | Dec 24, 2021 | Etcetera | 0 comments

Including a disclaimer is a good way to offer vital data in your target market. It’s a just right first step in protective your self and your web page towards felony legal responsibility. Disclaimers come with associate notifications, appearing that the evaluations of writers will not be the ones of the mother or father corporate, and so forth. We most often see them within the footer. Thankfully, disclaimers are simple so as to add to Divi. On this article, neatly 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 presentations the textual content as standard.

Add a Divi Footer Template

Upload a Divi Footer Template

We’ll use 3 other loose footer templates from the Chic Topics weblog. You’ll be able to to find them by way of seek for “loose footer” within the weblog. To make use of them, unzip the obtain record. In WordPress, pass to Divi > Theme Builder and make a selection Portability. Click on on Import within the modal that opens. Navigate in your record and make a selection it. Click on Import Divi Theme Builder Templates. Look ahead 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 can construct a static disclaimer in a brand new segment on the backside of the footer. This case 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 segment.

Add a Static Disclaimer to the Divi Footer

Make a selection 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 when we make some changes to the segment and the row.

Add a Static Disclaimer to the Divi Footer

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

Add a Static Disclaimer to the Divi Footer

Scroll all the way down to Background and set it to Black.

  • Background: #000000

Add a Static Disclaimer to the Divi Footer

Open the Design tab and scroll all the way down to Spacing. Upload 0px padding for the highest and backside. Shut the module’s settings.

  • Padding: Best 0px, Backside 0px
See also  30 Amusing (No longer Tacky) Ice Breaker Video games Your Staff Will Experience

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 in regards to the content material being created by way of more than one authors and their evaluations would possibly no longer replicate the ones of the web page.

  • Frame: The content material of this web page comprises articles with evaluations from more than one authors and would possibly not replicate the evaluations of this corporate.

Add a Static Disclaimer to the Divi Footer

Make a selection 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 might have 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 writer’s opinion and will have to no longer be used rather than skilled assist. I’m the use 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 selection the format choices. This row lately has two columns. Select the choice with ¼, ½, ¼ columns. This provides us a big segment for the disclaimer.

Add a Sticky Disclaimer to a Divi Footer

Drag and drop the Textual content module within the middle to the site at the proper.

Add a Sticky Disclaimer to a Divi Footer

Within the middle 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 used to be correct to the most productive of the writer’s wisdom on the time of writing. It’s meant for info best and isn’t supposed to switch skilled recommendation.

Add a Sticky Disclaimer to a Divi Footer

Scroll all the way down to Background and upload #fd643a. the row already has this background, however we need to come with it within the module so it is going to show when the module is visual out of doors this row.

  • Background: #fd643a
See also  Why You Need a WordPress Maintenance Plan

Design Tab

Add a Sticky Disclaimer to a Divi Footer

Make a selection the Design tab and select 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

Make a selection the Complex tab and scroll all the way down to Scroll Results. Select Keep on with Backside for the Sticky Place. Open the Best Sticky Prohibit dropdown field and make a selection Phase. Click on the golf green test to near this module.

  • Sticky Place: Keep on with Backside
  • Best Sticky Prohibit: Phase

Add a Sticky Disclaimer to a Divi Footer

Open the settings for the Textual content module at the left, make a selection 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 selection 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 use 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 golf green 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 use of a disclaimer that informs the guests that the web page comprises associate hyperlinks.

Notice, any web page that makes use of associate hyperlinks should also come with the right kind notifications throughout the pages and posts that use them. Seek for associate notification rules to your nation. For america, that’s the FTC affiliate disclosure.

  • Frame: Disclaimer: This web page comprises 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 dimension to 16px. Set the Line Top to 2em.

  • Textual content: Poppins
  • Colour: #ffffff
  • Textual content Textual content Dimension (desktop): 16px
  • Line Top: 2em
See also  Download a FREE Header & Footer for Divi’s Corporate Layout Pack

Add an Animated Disclaimer to the Divi Footer

Make a selection the Telephone tab within the textual content dimension and set it to 14px.

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

Add an Animated Disclaimer to the Divi Footer

Scroll all the way down to Animation and make a selection your most well-liked Animation Taste. I’m settling 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. Move 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 selection 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 presentations the textual content as standard.

Finishing Ideas

That’s our take a look at tips on how to upload a disclaimer to the Divi footer. Disclaimers are vital for informing your target market about the use of your recommendation, associate hyperlinks, and so forth. The footer is a superb location for this. This newsletter covers a number of choices for including the disclaimer and showing it in ways in which stand out or mix in. Now not each web page will desire a disclaimer, however for people that do, this article is going to get you began.

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

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

WordPress Maintenance Plans | WordPress Hosting

read more

0 Comments

Submit a Comment