CSS is not applied - Front- & Back-End Development - Front- & Back-End Development - Progress Community
 Front- & Back-End Development

CSS is not applied

  • CSS is not applied
  • Hi,

    I am new to Sitefinity and Themes.   I just created a MasterPage working with a few CSS files and in Sitefinity I created my new FrontEnd Theme and applied it to my template which is based on my MasterPage.

    My directory tree look like this:

    ~/App_Data/Sitefinity/WebsiteTemplates/MyTHEME/App_Master/MyMASTERPAGE.Master
    ~/App_Data/Sitefinity/WebsiteTemplates/MyTHEME/App_Themes/MYTHEME/Global/layout.css
    ~/App_Data/Sitefinity/WebsiteTemplates/MyTHEME/App_Themes/MYTHEME/Global/custom.css
    ~/App_Data/Sitefinity/WebsiteTemplates/MyTHEME/App_Themes/MYTHEME/Images/logo.gif

    When I look in the Google Chrome Javascript Console, it says "Failed to load resource: the server responded with a status of 404 (Not Found)    .. + the path.

    When I access directly the path of my .CSS file in my browser, I get the error :
    The request filtering module is configured to deny a path in the URL that contains a hiddenSegment section.

    Could this be the problem ?
    How can I solve this?

    Thank you for helping me.
  • cb9cba08-ccb2-4b79-a3c0-3e6dcc6ba19a_theme.png
    Hello Dominic,

     Thanks for using Sitefinity!

    When referencing your theme in Administration > Settings > Advanced >Appearance > Frontened Themes make sure that your Path is ~/App_Data/Sitefinity/WebsiteTemplates/App_Themes/YOURTHEME.

    Do not include the /global/filename.css portion in the theme.

    Take a look at the provided screenshot. My path is ~/App_Data/Sitefinity/WebsiteTemplates/App_Themes/Patrick/Global/main.css

    in the image you will notice I have the path set as ~/App_Data/Sitefinity/WebsiteTemplates/App_Themes/Patrick

    The theme structure in Sitefinity will recognize and apply the required items. 

    I hope this helps!

    Regards,
    Patrick Dunn
    the Telerik team
    Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items