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.
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.
<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">
Please let me know what I am doing wrong here.
thank you for the reply...
Well I checked the content of mywebsite.css and it was empty. I did not add/create that css, but I think it is automatically included by CQ.
BTW I am using foundation components, which are built in CQ.
Think I found the problem.
Looks like below div id is implementing some styles, which are overriding all other styles we apply from the static.
<div id="CQ"> in body.jsp
Removed the ID and it worked. I think the tutorial needs to get updated. Some other guys had also faced this same issue.
Thank you all for your inputs.
Europe, Middle East and Africa