CSS code help

Question

Hello,

I am having some trouble trying to change the font size of the navigation links. I heard that it must be done by the CSS in the EDIT STYLE SHEET tab but am not sure what code I have to put in to make the changes. If you can please help me I would appreciate it. 

Answer 1

Hi,

I guess you would have visited the below two links to find out how to reach till the Edit Style Sheet tab.

http://office.microsoft.com/en-001/office365-sharepoint-online-small-business-help/customize-the-navigation-on-your-website-HA102823120.aspx

http://office.microsoft.com/en-001/office365-sharepoint-online-enterprise-help/customize-your-website-using-css-HA102845436.aspx?CTT=5&origin=HA102823120

You can make use of the details provided in the below link to change the font size

http://www.w3schools.com/css/css_font.asp

Regards,

Sharath

---

sharath kumart shivarama

Answer 2

In your browser of choice you'll probably have some Developer Tools.  Using these, you can identify the CSS selector that controls those font styles.  Once you have this, you can override it via the Styles library in your site.

Answer 3

Some decent content here to get you up to speed:

http://technet.microsoft.com/en-us/sharepoint/hh126807.aspx

If you've never touched CSS before it's not that terribly complicated but I find it's a deeper dive than many expect when you're first learning about it.

As Steven says, Developer Tools are your best friend for this. The ones in IE are pretty good but I prefer Firebug. Your nav will be controlled by selectors and declarations that you can override similar to below:

.s4-tn li.static > .menu-item {

    border: 1px solid rgba(0, 0, 0, 0);

    color: #3B4F65;

    display: inline-block;

    height: 15px;

    padding: 4px 10px;

    vertical-align: middle;

    white-space: nowrap;

}

Good luck. CSS can be fun stuff.