Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn more

View all

Sign in to view all badges

SOLVED

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

bhaarats4680380
Level 2
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
bsloki
Correct answer by
Community Advisor
Community Advisor

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
bsloki
Correct answer by
Community Advisor
Community Advisor

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

bhaarats4680380
Level 2
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. 

bsloki
Community Advisor
Community Advisor

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

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