how to rotate text with css? transform is not supported by current schema?


Tags: html,css,sharepoint,sharepoint-2010,transform

Problem :

So I am trying to rotate some text for use on a panel (slider) on a SharePoint web page.

.rot-text{
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

not supported by the SPS2010 schema? is there a way to get the same thing with older method?



Solution :

You could create a custom CSS file and add it as a reference to the master page used to format your site.

Erik Swenson has a good overview of the parts of the CSS structure here:

SharePoint 2010 CSS references in Master Pages

Finally here is a page from Microsoft on how to use the Master Page to customize your site:

Customize a master page to brand your site


    CSS Howto..

    How to time the effect of a css look in javafx?

    How to prevent PHP pushed HTML tables exceeding the length of the page

    How to make CSS Multi Column layout over html to move between the columns on user click

    How to get CSS in Javascript working correctly

    How to apply custom size to text field in rails

    How to use CSS to control the style of an HTML unordered list?

    How to debug a website template which is very slow (client side)?

    How to use CSS to modify an icon with the bootstrap collapse

    How to centre a div vertically and horizontallly?

    How to make outer div fit child divs?

    How do I make text text when you hover the mouse over it?

    How to layer elements with CSS position property?

    how to change the CSS linear-gradien backgroundt height (thickness)?

    How to change a button data-icon size

    How do I make an image resize inside a div that is resizing to a percentage of a parent div?

    how to add an image on a div without losing previous content in CSS hover effect

    html, how to make elements not shift when browser zooms?

    How can I register a css page from an ascx control?

    How to add a third level to my CSS drop down menu

    How to php echo content into
    classes dynamicaly [closed]

    CSS - How to control the gap between background image and container

    how to cope with text to element alignment issues

    Animated HTML,CSS JavaScript. How can I implement this [closed]

    How to DRY up on SASS transitions with multiple elements?

    How to apply css to link in dropdown table using arrow keys and hover event?

    How to vertically align text inside
  • in a CSS based drop-down menu?
  • How to Modify the StrongLoop's LoopBack Explorer CSS

    How to delete space in css?

    How to prevent html div from expanding when text size is changed

    How are the invalid CSS lines interpreted?