How to override Liferay core' css?


Tags: css,liferay,liferay-ide

Problem :

Hi there i'm want to override a data picker css from a hook creation. In Liferay Documentation 6.2 they say that it's possible with hook.

http://www.liferay.com/it/documentation/liferay-portal/6.2/development/-/ai/overriding-web-resources-with-hook-liferay-portal-6-2-dev-guide-en

But in Liferay IDE, when I create a new hook, in the interface for xml liferay-hook there isn't an option for CSS.

There are:

  • Portal properties
  • Custom JSP
  • Service Wrappers
  • Filter and Mappings
  • Struts Action
  • Indexer Post Processors
  • Language properties

So, how to make it? Thanks ahead!



Solution :

you need to create a plugin: THEME. You can see how in this page: https://www.liferay.com/es/documentation/liferay-portal/6.2/development/-/ai/creating-themes-and-layout-templates-liferay-portal-6-2-dev-guide-09-en In this plugin you have a folder _diffs. Everything you put here is going to overwrite liferay´s theme.


    CSS Howto..

    How to make css two borders?

    How could I use pseudo-element :after :before conditionally

    How to have vertical record and header in HTML table using CSS

    How to set up a correct cascade with label statement

    Show and Hide option for DIV(needs modification)

    CSS: How to have only 100% with fluid layout and border?

    Meteor: How can I use Spacebars to apply different CSS elements?

    How to properly align rows with bootstrap

    How to customize the look and feel of rich faces tab panel

    How to prevent opening a link of the submenu when tapping the menu?

    Slideshow Glitch - Debugging Assistance

    How to apply properties to 3 types of input on HOVER?

    How to auto adjust margin to Auto center vertical & horizontal using jQuery and CSS margin

    how to show like chat box for the div/p tag top left/right corners

    How to remove all input outline?

    How to change CSS when user scrolls past a certain div

    How to get inline style that was overridden by CSS !important using JavaScript

    How to avoid double border from the multiple
  • How to use ASP.NET DropDownList in Bootstrap navbar

    How can I do this menu using list and css?

    How to centre my CSS menu?

    How can I change GWT's widget CSS values?

    How to rotate the text Rotation with center to the Number

    How do I apply CSS styling to a
    block?

    How can I memorize all CSS shorthands?

    How can I set the style of a dojo-element?

    how to apply the height css property on ie9 just?

    How can i make each div look like seperate block?

    How to make the new long shadow trend with CSS?

    Javascript/CSS, How to keep changes?