Drupal 7 is a highly customizable content management system that has literally hundreds of free themes to change the look and feel of your installation.  By now, you should have installed Drupal7 and configured it so your site displays the default theme. Free themes can be found on the drupal.org/project/themes site. In this tutorial, we’ll walk you through installing a specific theme called “Marinelli”.

Please take note, each theme may install differently and have various steps that have to be completed. While this tutorial shows you how to install a theme there may be further steps that must be done for the theme to resemble the demo site or image shown where you downloaded it. This particular theme does not need any extra steps as it is a basic theme.

To install a theme in Drupal 7:

  1. Once you have found the theme you want to install, find the Downloads section on the theme's page and click on the ZIP file to be downloaded. Be sure to select the appropriate version for the theme.
    appearance-theme-install
  2. Log into your Drupal admin dashboard.
  3. From the top menu bar, select Appearance and then click on the Install New Theme link found at the top of the page.
  4. On the install page you can either enter the entire URL where the theme zip file is located or, if you downloaded the file archive as we did previously, use the Browse button next to the Upload a module or theme archive to install field to find and upload the file from your computer. The field should reflect the path to the folder you downloaded the zip file.
    appearance-theme-upload
  5. Click the Install button to upload and install the theme. Once completed, you should get a success message. Click Enable Newly Added Themes to continue to the themes page for the next step.
    theme-install-success
  6. From the Themes page, scroll down to the Disabled Themes section and find the new theme. Click on Enable and Set Default to make it the active theme. Clicking Enable will simply enable it, but not make it the active theme.
    enable-theme
  7. You can now enjoy your new theme! Below is a before and after shot to demonstrate the changing of the theme.
    Before After
    theme-install-before theme-install-after
  8.  

If you need further assistance please feel free to ask a question on our support center.

Continued Education in Course 106: Working with themes in Drupal 7
You are viewing Section 1: Installing a theme in Drupal 7
Section 2: How to change default themes in Drupal 7
n/a Points
2014-08-01 9:00 am

how do i customise drupal website templates as my personal website

Staff
24,690 Points
2014-08-01 9:17 am
Hello Richard,

Is there something specific you are looking to customize? You may need to learn how to change the code in the templates in order to make your desired changes.

Kindest Regards,
Scott M
n/a Points
2015-01-02 3:12 pm

I just installed a theme, which is the easy part. Now that I have it, how do I use it? On my front page, I want to use the hero image slider, but don't see any way to implemen that. Also, I like the 3-column divs, but again how to set up. Do I have to look at the demo site to see what they did and then go into my HTML to replicate that?

Staff
2,274 Points
2015-01-02 6:40 pm
Hello Jay,

Can you please provide your domain so we may look into the issue further? Also can you please give us a link to the theme you installed?

Kindest Regards,
TJ Edens
n/a Points
2015-01-02 8:57 pm

Business Responsive

http://demo.zymphonies.com/free-theme/business-responsive-theme/

I can't send you a link because we have the under construction maintenance page showing.

Essentially, how do I get the front page to look a lot like the demo (hero images and the 3 blocks beneath), but then have different formats for subsequent pages?

Staff
2,274 Points
2015-01-02 9:41 pm
Hello Jay,

I was not able to replicate any issues with modifying the theme to show 3 sidebars via the theme settings. I would suggest trying on a new drupal installation. Or perhaps a different theme.

Kindest Regards,
TJ Edens
n/a Points
2015-01-03 4:03 pm

How do I get the 3 boxes to show up?

Staff
24,690 Points
2015-01-05 12:58 pm
Hello Jay,

The three boxes display by default on our fresh install. If you are not having the same luck, then there may be something within your specific setup causing it. Have you tested it on a fresh test installation?

Kindest Regards,
Scott M
n/a Points
2015-01-06 1:42 pm

It is a new install, but I already added content in the basic theme. Then I installed your theme. So if I already had content, then I can't take advantage of your theme? The only way I could style blocks was to go into CSS and style specific blocks by id. Not optimal.

Staff
11,156 Points
2015-01-06 1:52 pm
If you are referring to custom changes within the theme, they will not be persistent between theme changes. Other data such as editorial content will stay the same.

Post a Comment

Name:
Email Address:
Phone Number:
Comment:
Submit

Please note: Your name and comment will be displayed, but we will not show your email address.

10 Questions & Comments

Post a comment

Back to first comment | top

Need more Help?

Search

Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail: support@InMotionHosting.com
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!