Expand my Community achievements bar.

SOLVED

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

Avatar

Level 2

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?

 

I asked a similar question on SO http://stackoverflow.com/questions/29780301/how-to-change-layout-of-pre-configured-site-in-aem-6

1 Accepted Solution

Avatar

Correct answer by
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

View solution in original post

5 Replies

Avatar

Correct answer by
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

Avatar

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. 

Avatar

Level 10

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

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