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

    static.css styles are not applied unless marked !important

    chamila.fernando

      Hi,

       

      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.

       

      Regards,

       

      Chamila