Forums

Creating and importing a custom Sitefinity theme to my portal project Cancel The title field is required!

1. eva.braun

   

   39 posts
   Registered:
   12 Feb 2015
   11 Nov 2015

   Link to this post

   Hi all,
   
   before starting the build of the CRM/Portal integration, I´d like to set up a custom theme reflecting our corporate ID. As I´m rather a newbie to Sitefinity and Visual Studio I had no luck so far in doing so. I downloaded the starter kits for Sitefinity, Thunder and stuff, but I just can´t get it to work.
   Can anyone please point me to a "best practise for beginners" for getting this job done? I´m really desperate.
   
   Thanks,
   Eva
2. Kasun

   

   13 posts
   Registered:
   21 May 2015
   Answered

   13 Nov 2015 in reply to eva.braun

   Link to this post

   Hi Eva , 

   I'm able to guide you with step by step creating a Sitefinity theme. (most of this information can be founded in Sitefinity website documentation.) 

   Step 1: 

   There is a fully detailed Sitefinity documentation for beginners, here is the link for creating a new theme  using Sitefinity Thunder: 

   http://docs.sitefinity.com/thunder-create-a-theme 

   Once you follow these steps you can see your theme at :  

   SitefinityWebApp  >  Sitefinity  >  Website Templates  >  Your_Theme_Name     

    

    PS: all your custom css files go under Global folder and you have to reference it appropriately in the cssLoadOrder.xml 

   Step 2:  

   In this step you need to create a  master page in your root directory and master page will be the holding the base to your template/Theme .  

    To create one right click on your  SitefinityWebApp >  add> new Item: under Visual C#  >web   >Web  Forms masterpage ( this could be named Differently according to the Visual studio Version)  create your master page and give it a name if you like. 

    

    
   Step 3: 

   You need to create a another folder call App_Master folder under same level as App_Themes  so it will look like this. 

    

   Drag and drop your master file in to the App_Master Folder. 

   You can get an Idea of how the master page  looks like by referring to this article : 

   http://docs.sitefinity.com/create-a-template-using-a-master-page 

   PS: 

   Normally all your js ,favicons, CDN's  file or any other file references goes in the master file as these files cannot go inside the theme so you have to put them under the sitefinityWebApp root folder.  

   Follow this documentation to apply your newly created theme to your website. 

   http://docs.sitefinity.com/apply-a-theme 

   I hope this will guide you in the right direction and plase let us know if you fall in to any other issue. 

   Thank you  

   Kasun Peiris