SharePoint Controls.css

Question

I am relatively new to SharePoint and am having an issue related to CSS. We have applied a custom masterpage using custom CSS. This is a SharePoint publishing site, we have a top level with a few subsites being used for a corporate Intranet. The theme applied successfully, however, on the top level site all the font is scaled differently than all of the subsites.

I compared two of the pages and the only difference I can find is the top-level site includes the controls.css file which is not included on any of the subsites. I have a basic understanding of CssRegistration but this is not registered on the masterpage or any of the page layouts we are using.

Why would controls.css only load on the top-level site? Would this cause the scaling issues I am seeing or is there some place else I should be looking at to determine why the fonts are a different size on the top page.

Answer 1

What's the version of your SharePoint?I do not find the Controls.css file in my SharePoint 2013.It should be your custom CSS file.
You could use develop tool to check if the font style is changed by Controls.css.

You could see all the CSS in effect and the name of the source file.Then you could determine whether it is the font difference caused by the style in Controls.css.
You could check if this style file is imported under this path.(Site Setting->Look and Feel->Master Page)

---

If the response is helpful, please click "Accept Answer" and upvote it.

Answer 2

hello, in most cases such problems are fixed by adding "!important" to those styles in your custom css which are not overridden by default.