CSS automatically adding to the page, how can we remove that?

Srinivasa Talla

Initially we created our own CSS classes with same names and stored in a css file and referred at site level. But later we removed from the CSS file and using with different name because it is effecting other pages.

 

#ls-row-5-area-1
{
  display:inline;
  float:left;
  width:80%;
}

#ls-row-5-area-2
{
  display:inline;
  float:left;
  width:20%;
  margin-right:-1px;
}

But still we are seeing these 2 classes automatically added to the page CSS. We can see that in preview mode itself. If we deploy the page then it is showing on the runtime also. How can we remove this unnecessary extra CSS?

Rick Poulin

On your <Canvas> tag you can specify inline-css="false" -- that will cause all layout-generated CSS to be put in a separate file. Then, in your fixed-layout.page.xsl, you can remove (or comment out) the rule that prints a <link> to that HTML file in your page header so it's no longer referenced.