5 Replies Latest reply on Sep 11, 2012 10:35 PM by chamila.fernando

    static.css styles are not applied unless marked !important




      I am following the Adobe http://dev.day.com/docs/en/cq/current/howto/website.html tutorial.


      Even though I followed the steps exactly, I can not see the styles in static.css are being applied, unless I mark the style as !important.


      for example,


      Does not work : background:url('tail.jpg') top repeat-x;


      Work: background:url('tail.jpg') top repeat-x!important;


      So I am guessing that there is some configuration which forces some built in styles to be applied, overriding the static.css.


      When I do view source of the page, I can see below imports.


      <script type="text/javascript" src="/etc/clientlibs/foundation/jquery.js"></script>

      <script type="text/javascript" src="/etc/clientlibs/foundation/main.js"></script>

      <link rel="stylesheet" href="/etc/clientlibs/foundation/main.css" type="text/css">

      <link href="/etc/designs/mywebsite/static.css" rel="stylesheet" type="text/css">

      <link href="/etc/designs/mywebsite.css" rel="stylesheet" type="text/css">

      <script type="text/javascript" src="/etc/clientlibs/foundation/librarymanager.js"></script>


      Please let me know what I am doing wrong here.