dustin.lawler

CSS for Customizing/Skinning UMP 2.5

Discussion created by dustin.lawler on Jul 7, 2011
Latest reply on Jul 7, 2011 by dustin.lawler

All,

 

With UMP 2.5 going GA Nimsoft has moved to version 6.0 of Liferay which has changed the CSS tags used for customizing the skin and logo so I've written up the following to help give direction on modifying it moving forward:

 

Here is some example CSS code you can use and replace with your own URL pointers:

 

#heading .logo{ background:url("http://www.nimsoft.com/wp-content/themes/nimsoft/images/logo.png") no-repeat scroll 0 0 transparent !important; height:67px !important; width:184px !important; }  #banner { background:none no-repeat scroll 0 0 transparent !important; }  #navigation { background:none no-repeat scroll 20% 0 #484848; }  body { background:url("http://www.nimsoft.com/wp-content/themes/nimsoft/images/bg.jpg") repeat scroll 0 0 transparent !important; font-size:12px; }  #dockbar { background:url("http://www.nimsoft.com/wp-content/themes/nimsoft/images/bg.jpg") repeat scroll 0 0 transparent !important; font-size:12px; }

Here is a screenshot to help walkthrough each section:

 

 

Best of luck,

 

Dustin

Outcomes