Expand my Community achievements bar.

How do i hide the page name in touch ui sites.html

Avatar

Level 4

Hi,

I am using AEM 6.2.0 SP1,

I have create pages for my website but when i view these page in

http://localhost:4502/sites.html/content/mywebsite

both the name and the tile of page visible.

siteshtml.png

How do i hide page name (refer above image the highlighted section)??

6 Replies

Avatar

Administrator

Hi,

What is the use-case of not showing them? Author can anyways see them while editing the page properties.

edubey Any help here?

~kautuk



Kautuk Sahni

Avatar

Level 4

Its client requirement, they don't want to visible  both Name and Title.

Is there any way we can hide page name?

Avatar

Administrator

If it is just forsake of hiding, you can do it by making CSS

.foundation-collection-item-title

{visibility:hidden;}

CSS:- /libs/granite/ui/components/coral/foundation/clientlibs/foundation/css/layout/columnview.css

I would recommend you to extend (create a parallel in apps) the CSS rather than editing the original CSS

PS:- If any changes made in CSS/JS are not getting reflected then do clear the browser cache. Still problem persist then go ahead and Delete project specific folder under /var/clientlibs/...

~kautuk



Kautuk Sahni

Avatar

Level 4

Hi,

I did not find this file

/libs/granite/ui/components/coral/foundation/clientlibs/foundation/css/layout/columnview.css

in crx/de.

layout.png

I am using AEM 6.2.0 SP1.

Avatar

Administrator

The Solution provided was for AEM 6.3.

Testing it on AEM 6.2 is not showing page Title therefore CSS file dose not exist.

1244376_pastedImage_0.png

Do not have 6.2.0 SP1 build  right now to test.

What I would recommend you here is that to Inspect the element that you would like to hide and also check the path of CSS for that. Correspondingly in CRX/DE find the file.

~kautuk



Kautuk Sahni

Avatar

Level 10

Hi codingStar,

You are not able to see because file on pages are loaded after they are combined.

This is the file /libs/granite/ui/components/coral/foundation/clientlibs/foundation/css/layout/util.css and look for class ".foundation-layout-util-subtletext" and add display:none

like below

.foundation-layout-util-subtletext {

    color: #969696;

display:none;

}

Thanks