Message Boards

  1. Home
  2. Development
  3. unstyled Custom theme development in Lifeary 7.2 CE

unstyled Custom theme development in Lifeary 7.2 CE

sree p, modified 4 Years ago.

unstyled Custom theme development in Lifeary 7.2 CE

Junior Member Posts: 91 Join Date: 10/3/19 Recent Posts
Hello,  I bought a third party theme from one of our vendor, based on that I want to develop custom theme for Liferay 7.2 CE, So , can you please let me know the detailed steps how I have incorporate that third party css/scss, js ,images..etc , I went through the below links but could not get solution to my theme implemention.
https://portal.liferay.dev/docs/7-1/tutorials/-/knowledge_base/t/creating-themes
sree p, modified 4 Years ago.

RE: unstyled Custom theme development in Lifeary 7.2 CE

Junior Member Posts: 91 Join Date: 10/3/19 Recent Posts
Can  anyone please answer to this post, how to merge third party theme into liferay custom theme which is created through Theme Generator.
thumbnail
Olaf Kock, modified 4 Years ago.

RE: unstyled Custom theme development in Lifeary 7.2 CE

Liferay Legend Posts: 6403 Join Date: 9/23/08 Recent Posts
sree p:

Can  anyone please answer to this post, how to merge third party theme into liferay custom theme which is created through Theme Generator.
Ideally you'd not merge, but get the source directly from the vendor where you got the original theme. Their terms&condition might include your right to modify or not.
You can choose any theme as parent for your custom theme (not just _styled or _unstyled - even the vendor's theme. Then you'll only add your own differences.
If that's not an option, I'd go for checking differences between the css, images, js between the theme in question and either _styled or _unstyled. It'll be some work, but in the end, an editable theme in your dev environment should be the result.
sree p, modified 4 Years ago.

RE: unstyled Custom theme development in Lifeary 7.2 CE

Junior Member Posts: 91 Join Date: 10/3/19 Recent Posts
Hello Sir, as per terms and conditions we got rights to edit third party Theme, not sure exact steps how to merge in _styled liferay custom theme which I created through Liferay Theme Generator ( yo). Before I merge third party theme into liferay custom theme , I just deployed liferay custom theme then it breaks the Navigation.
I really appreciate if you provide detailed steps
Lee Jordan, modified 4 Years ago.

RE: unstyled Custom theme development in Lifeary 7.2 CE

Expert Posts: 449 Join Date: 5/26/15 Recent Posts
One of the Liferay people might be able to offer more advice but take a look at these two links.


https://portal.liferay.dev/docs/7-2/frameworks/-/knowledge_base/f/clay-css-and-themes
https://portal.liferay.dev/docs/7-2/frameworks/-/knowledge_base/f/integrating-third-party-themes-with-clay

Confusingly now creating a styled theme results in an unstyled look where even the login box is broken.

There might be an opportunity to help Liferay improve the yo theme generator they have to better automate these steps. Right now all we really have is what version of DXP are you building a theme for? It would be great to have a few options like "Make a copy of classic", "Use a third party theme > then where is the directory of that theme to import" something like that.