How to make changes to the geometrixx gov pre-packaged site in AEM 6

Forum|Forum|10 years ago
October 16, 2015
5 replies
1698 views

I am trying to change the layout and customize the pre-configured Geometrixx-Gov site in AEM 6. For example, I would like to change the blue color in the header

Also, I would like to change the text of `All Applications` to something else I want.

**Questions**

- What is the best way to make these changes?
- Once I make my changes, is there a way to somehow take/package my changes and deploy them to an instance of AEM not running on my local computer?

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

Best answer by Lokesh_Shivalingaiah

Hi,

1. You copy geometrixx gov site and create a new project so that you wont loose anything if you want to refer back.

2. To change the color of header, goto check the client libs used in the header component and then change it accordingly.

3. Once you make the change, take the package using package manager and upload it in other instance

http://docs.adobe.com/docs/en/aem/6-0/administer/content/package-manager.html

Lokesh_ShivalingaiahAccepted solution

Level 10

Hi,

1. You copy geometrixx gov site and create a new project so that you wont loose anything if you want to refer back.

2. To change the color of header, goto check the client libs used in the header component and then change it accordingly.

3. Once you make the change, take the package using package manager and upload it in other instance

http://docs.adobe.com/docs/en/aem/6-0/administer/content/package-manager.html

B

bhaarats4680380Author

Level 2

Hi Thanks for quick reply. I want to understand what you mean.

"1. You copy geometrixx gov site and create a new project so that you wont loose anything if you want to refer back."

How would I copy it? Should I download the geometrixx-gov package from "http://localhost:4502/crx/packmgr/index.jsp#/etc/packages/aemfd/cq-geometrixx-gov-pkg-1.0.40.zip" ?

2. To change the color of header, goto check the client libs used in the header component and then change it accordingly.

Where would I find the header component in CRXDE? I don't see header in the attached screenshot

3. Once you make the change, take the package using package manager and upload it in other instance

http://docs.adobe.com/docs/en/aem/6-0/administer/content/package-manager.html

Currently what I've done is this:

1. I downloaded geometrixx-gov package from http://localhost:4502/crx/packmgr/index.jsp#/etc/packages/aemfd/cq-geometrixx-gov-pkg-1.0.40.zip

2. I opened it with Adobe Brackets

3. I sync'd it with my localhost instance

4. I don't know where to make the change to the header background. From using Inspect Element in Chrome I can see that header element uses base.css defined in "/var/clientlibs/etc/designs/geometrixx-gov/clientlibs/base.css". However, that file is not part of the package when I downloaded it.

Lokesh_Shivalingaiah

Level 10

So header is present here

http://localhost:4502/crx/de/index.jsp#/apps/geometrixx-gov/components/page/contentpage/header.jsp. You can customize the header here...

Lokesh_Shivalingaiah

Level 10

and the css for the same (bg-blue) is present here

/etc/designs/geometrixx-gov/clientlibs/base/css/custom.css

B

bhaarats4680380Author

Level 2

Got it. Thanks for your help!!