Contents
I added the same code in an HTML page outside the SharePoint site just to check. The styles got applied as expected but within the site, they are not getting applied. I checked the CSS file and found out that it is using CSS3 styles like -webkit! -moz, transform etc.
Where are the styles stored in SharePoint 15?
The corev15.css file is the main source for styles in SharePoint. This file is stored in the SharePoint 15 folder on the server at TEMPLATELAYOUTS1033STYLESThemableCOREV15.CSS and not in the Master Page Gallery of the root site and home page.
2013 way ” ” not working. Regardless what’s the way that you are using, but the following steps should be working in SharePoint 2016
Why is the JavaScript slider not working in SharePoint?
I added a slider to a page layout in SharePoint 2016 and found out that the JavaScript slider is working but some styles are not getting applied. I added the same code in an HTML page outside the SharePoint site just to check. The styles got applied as expected but within the site, they are not getting applied.
This article on how to refer JavaScript and CSS Style Sheet in SharePoint 2013 Visual Web Part and Master Page explains the different options available to refer JavaScript and Style Sheet with or without editing Master Page and also referring it from Visual Web Part.
What kind of CSS is used in SharePoint?
I checked the CSS file and found out that it is using CSS3 styles like -webkit! -moz, transform etc. Does SharePoint not support CSS3 and svg? How can I get the slider styles working as expected? In short, The SharePoint support HTML5, CSS3, Bootstrap, Jquery, and SVG.
In site settings, master page, the last option is to use a custom CSS file. Upload a CSS file to Sharepoint and reference it here. To work out what CSS classes are divs to edit I would recommend using Google Chrome and right clicking on the object you wish to edit and then click inspect element.