How to create a custom footer block in Drupal 7
When customizing your site to best represent you or your company, you will want to change some areas from the default displays. One of these is the footer. The default footer displays the text 'Powered by Drupal'. While this may be fine, perhaps you want to add a copyright for your business, or contact information such as an address and phone number. This article will explain how to create your custom footer to replace the default one in your Drupal 7 website.
Creating a custom foooter in Drupal 7
- Log into your Drupal 7 admin dashboard.
- From the top menu bar, locate the Structure option and click it.
- This leads you to the Structure menu. From here, find and click on the Blocksoption.
- From the main block list, select the Add Block option.
- This brings you to the New block creation screen. From here fill out the appropriate fields on the page.
Block Title Optional title for the block. The text entered here will display on the page. Block Description The title that will appear in the back end. This is the name displayed in the Block list. Block Body The content you want to display on the webpage footer. Region Settings A set of dropdowns for each theme. Select which area you want the new block to appear. In this case, the Footer area of the Bartik theme. Visibility Settings Various restriction options. By default, it will display on all pages and for all users.
- Once you have the settings inserted, click the Save Block button at the bottom of the page.
- You now want to confirm that the new block is showing in the Footer are of the theme.
Your new footer should now display on yoru website. Below is a before and after screenshot of the changes made in this tutorial.
‹Section 4: Changing the region a block is assigned to in Drupal 7
›Section 6: How to customize your sidebar blocks in Drupal 7
Support Center Login
Social Media Login
Working with Blocks and Regions in Drupal 7
2014-07-11 1:59 am
Hello Jim, and thanks for your question.
You can center Drupal footer text by applying the following CSS rule to your footer:
<p class="cli" style="margin: -10px 0px -30px 0px;">text-align: center;</p>
It could be a bit different depending on your theme, but here is what I had to edit and <span style="color: red;">add</span>:
<span style="color: red;">/themes/bartik/css/style.css</span> <strong>Line 841</strong>
<p class="cli" style="margin: -10px 0px -30px 0px;">/* ------------------ Footer ------------------ */
color: rgba(255, 255, 255, 0.65);
<span style="color: red;">text-align: center;</span>
Please let us know if that does the trick for you!