+1-888-365-2779
Try Now
More in this section

Forums / Designing with Sitefinity / css for control templates in 3.6

css for control templates in 3.6

4 posts, 0 answered
  1. Shawn Rehill
    Shawn Rehill avatar
    1 posts
    Registered:
    04 Nov 2005
    19 Mar 2009
    Link to this post
    I am migrating to version 3.6, and am having difficulty upating the css for the control templates that have been embedded in this version.  I dont want to update the control itself, so I dont think I need to map to an external template, however I cant find an easier way to do this.

    Anyone have any tips to update the css without going through the mapping process?

    Thanks in advance
    Shawn
  2. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    25 Nov 2016
    19 Mar 2009
    Link to this post
    Hello Shawn Rehill,

    Generally, the css for embedded control templates ( lets say NewsView or BlogPosts) comes from the theme and build in WebResources file. If you want fully to customize appereance you should map the template and use CssFileLink control as below.

    <sf:CssFileLink ID="CssFileLink1" FileName="~/Sitefinity/ControlTemplates/News/newsCommonLayout.css" Media="screen" runat="server" /> 

    I hope this helps.

    All the best,
    Ivan Dimitrov
    the Telerik team


    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  3. Andrei
    Andrei avatar
    2 posts
    Registered:
    19 Jun 2012
    06 May 2009
    Link to this post
    Hi Ivan,

    How can I do this if I use Community Edition?
    Font for titles in News and Blogs is too big and I want to change it.

    Thanks,
    Andrei
  4. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    25 Nov 2016
    07 May 2009
    Link to this post
    Hi Andrei,

    Here is a link that describes how to map the presentation mode of a ContentView based control: Mapping ContentViewDesigners and working with Presentation Modes

    Another possible way is setting the classes in your theme css class

    Sample:

    .sf_newsTitle 
         font-size: 1em !important; 


    Best wishes,
    Ivan Dimitrov
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
Register for webinar
4 posts, 0 answered