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
Right here’s the static disclaimer on a desktop.
Cellular 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
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
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.
Make a selection the full-width row.
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.
Open the Phase’s settings by way of clicking its tools icon.
Scroll all the way down to Background and set it to Black.
- Background: #000000
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
Open the Row settings by way of clicking its tools icon.
Open the Design tab and scroll to Sizing. Set the Width to 90%. Shut the module’s settings.
- Width: 90%
Open the Textual content module’s settings by way of clicking its tools icon.
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.
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
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.
Drag and drop the Textual content module within the middle to the site at the proper.
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.
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.
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
Design Tab
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
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%
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
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
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
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.
Drag the Row above the ground row and upload a Textual content module.
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
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
Make a selection the Telephone tab within the textual content dimension and set it to 14px.
- Textual content Textual content Dimension (telephone): 14px
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
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
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
Right here’s the static disclaimer on a desktop.
Cellular 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.
0 Comments