In DNN website, there is a portal.css file for each portal present inside the web site. In some cases we need to modify the css classes of custom modules to create it responsive with skin from the portal, in that case its usually much better to keep these css classes in portal.css rather than Module.css of custom module, so that it may be effortlessly managed by modifying the portal.css from site interface without going towards the module code file.

Step by step approach to access the portal.css file are offered under.

Step 1

Log in to the DNN website as a Host. Go to the Admin -> Site Settings as shown in the image below.

Step 2

Make sure you have selected Stylesheet Editor from the menu.

Step 3

Upon clicking Stylesheet Editor, a text editor will come which contains all the css classes present in portal.css file.
Here, we can add any new classes or modify existing classes.

For example, we need border color based on the skin color and we have used style_cat_border css class in our custom module to style the border. So, in order to add border style that will fit with the skin, its always a nice to add this class in portal.css class rather than Module.css file of module.

Once can easily change it by going to portal.css of website as shown in the image below. In the end click on Save Style Sheet to implement the changes.

As we've got observed within the above explanation, it often greater to help keep all these css classes which needs to be changed determined by skin from the DNN website inside the portal.css in the internet site which in turn may be very easily managed via internet site interface.

Best DotNetNuke Hosting Recommendation