No one has responded to this discussion for at least a year, so this information may be out of date. If you're looking for information about this topic, please search for a more recent discussion or post a new question.

StyleSheet CSS code for Dummies! Post your code to help others here!

  • This post has 2 Replies |
  • 2 Followers
  • Ok, so apparently having to know CSS is essential to using the Office 365 Public website.

     

    As someone who has no experince using CSS, I have been able to scour the web and get specific information on various forums.

     

    Here is a list CSS code that you can use in your StyleSheet to change various parts of your site:

     

    /*....*/ is used to comment out text/code, use it in your stylesheet to state what your code is for, otherwize you may forget, commented out code will not execute 

     

    /* sets the color of hyperlinked text*/
    a{text-decoration: none; color:#2F4F4F}

     

    /* sets the width of all site pages*/
    .MS_MasterFrame{width:1100px;}

     

    /* removes the hyperlink borders around images */
    a, img{border: 0px;}

     

    /* changes the size fo the font of the navigation pane*/
    .MSC_PrimaryNavFrame a{font-size:17px !important;}

     

    /* Changes the size of the font in the contact us module */
    #ctl00_IWS_WH_CPH_Content_ContactUsControl1 td {font-size: 13px; }

     

    /* removes the header and footer of the twitter widget */
    .twtr-hd, .twtr-ft{display:none;}

     

    /* Removes the | line between navigation*/
    .MSC_PrimaryNavLeftSpace, .MSC_PrimaryNavRightSpace, .MSC_SecondaryNavLeftSpace, .MSC_SecondaryNavRightSpace{display:none;}

  • what about the code for 'visited' link colour for navigation??

  • /* sets the color of visited hyperlinked text*/

    a:visited {color: #660066;}

Page 1 of 1 (3 items)