Posted by cuculain on February 4, 2015 at 4:08am
I have a little experience working with conventional themes and css, but I am new to working with responsive themes. I have installed the Radix theme on a panopoly site and read what I have been able to find about customizing the theme. However, I have not gotten too far. So far I have not found a lot of info for beginners.
I am not sure the best way to proceed with some simple changes. For example I want to add a logo over the navbar. Do I alter the page.tpl.php file to do this? Are most changes made via bootstrap?
Thank you for any suggestions or tutorials to help get a handle working with this theme.
Comments
Welcome to the responsive
Welcome to responsive theming, or in your case subtheming.
The first thing you want to be sure to do is correctly is to create a sub-theme of Radix. This provides a general overview of subtheming: https://www.drupal.org/node/225125 The most important concept to understand is that the subthemes "inherit the parent theme's resources." For example, if you have a page.tpl.php file in your subtheme then it will be used. If you don't, then the one that in Radix will be used.
Similar to many themes on Drupal.org, Radix contains a "starter kit" that you can use to create your sub-theme. In Radix, the starter kit is located in radix/kits/default. You should follow all 6 steps under Option B from the Radix docs to copy and that entire radix/kits/default folder to your sites/all/themes folder and rename it (eg YOUR_THEME_NAME). You can make all the changes you want to any file in your subtheme; you should not change any files in the Radix theme.
After you create a subtheme, it's easy to make changes. To move around the logo, start by copying the page.tpl.php file from radix/templates/page/ folder and place it in YOUR_THEME_NAME/templates/page folder. This will tell Drupal's theming engine to load the page.tpl.php file from your sub-theme instead of Radix. While you're at it, you can replace the OUR_THEME_NAME/logo.png file with your site's logo as well. Next, you can put the logo in its new position in the page.tpl.php in your subtheme. Finally, you need to flush caches, refresh your browser, and you should see the new file.
I hope this helps!
Thank you for the info,
Thank you for the info, peezy. This is definitely a help.