You can take an alternative approach to this, which is described bellow.
The news control styles, and in fact the styles for all of Sitefinity web controls have been embedded into the dlls. In order to modify the control templates for Sitefinity web controls you will need to download the external templates archive from your Client.Net account. For more information on this topic I would encourage you to take a look at the following articles:
Introduction to ControlsConfig file
Mapping a control to use external template
Mapping multiple templates of control
Once you have gained better understanding on how to map controls to use external templates you will need to make the News View control use the external templates. The files you will need to modify are ~/Sitefinity/ControlTemplates/News/ListPageMaster.ascx
. What you should do with those files is to change the CssFile link to point to your custom css files:
|<telerik:CssFileLink ID="CssFileLink1" FileName="~/Path to your style sheet" Media="screen" runat="server" />
Then you should map the control to the templates using the following view settings in the ControlsConfig file:
| <viewSettings hostType="Telerik.News.WebControls.NewsView">
| <!--Provides user interface for displaying a list of news items in the NewsView control for the News module.-->
| <add key="ItemListTemplatePath" layoutTemplatePath="~/Sitefinity/ControlTemplates/News/ListPageMaster.ascx" />
| <!--Provides user interface for displaying a single news item in the NewsView control of the News module.-->
| <add key="SingleItemTemplatePath" layoutTemplatePath="~/Sitefinity/ControlTemplates/News/ListPageDetails.ascx" />
For your convenience I am sending you as an attached file the default CSS styles for the news public controls. This will save you some time from building the styles from scratch.
the Telerik team