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
Proper right here’s the static disclaimer on a desktop.
Cell 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.
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.
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.
Select the full-width row.
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.
Open the Section’s settings by means of clicking its equipment icon.
Scroll proper right down to Background and set it to Black.
- Background: #000000
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
Open the Row settings by means of clicking its equipment icon.
Open the Design tab and scroll to Sizing. Set the Width to 90%. Close the module’s settings.
- Width: 90%
Open the Text module’s settings by means of clicking its equipment icon.
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.
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.
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.
Drag and drop the Text module throughout the center to the location at the correct.
Inside the center column, click on on on the dark gray plus icon and search for Text. Add the Text module to the column.
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.
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
Design Tab
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
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%
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
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
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
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.
Drag the Row above the bottom row and add a Text module.
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
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
Select the Phone tab throughout the text size and set it to 14px.
- Text Text Size (phone): 14px
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
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
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
Proper right here’s the static disclaimer on a desktop.
Cell 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.
Contents
- 1 Preview
- 2 Upload a Divi Footer Template
- 3 Add a Static Disclaimer to the Divi Footer
- 4 Add a Sticky Disclaimer to a Divi Footer
- 5 Add an Animated Disclaimer to the Divi Footer
- 6 Results
- 7 Completing Concepts
- 8 Find out how to Set up Template Kits in WordPress (Step-by-Step)
- 9 Can AI-Generated Content material Harm Your Seek Rating? [Insights from HubSpot, Litmus, Casted &...
- 10 Introducing SendLayer – Dependable WordPress E-mail Deliverability Made Simple
0 Comments