Hiding home page elements using CSS ...

This thread is locked - replies are not allowed.

This question is answered. Helpful answers available: 2. Correct answers available: 1.

Search Forum

Back to Thread List

Replies: 2 - Pages: 1 - Last Post: 9 Mar 23, 13:02 Last Post By: JoeSchmoe5543

JoeSchmoe5543

Posts: 70
Registered: 22-Aug-2022

Hiding home page elements using CSS
Posted: 9 Mar 23, 04:39

	JalbumHidden.PNG (610.0 KB)
	JAlbumTohide.PNG (487.5 KB)

See attached picture JAlbumToHide.PNG.

I would like to hide areas highlighted by red border:

1) Whole section that contains Home icon and "Nature", "Architecture", "People", etc

2) "Up one level" icon

I achieved it by putting following CSS in Tiger/Advanced/Custom Code/CSS:

.top-bar .cont {
display: none;
}

.hero header .back-btn {
display: none;
}

The result is in attached file JalbumHidden.PNG

Is this the right way to do it? My concern is that in the future version of the skin the CSS class names can change and my updates will have no effect.

Edited by: JoeSchmoe5543 on 8 Mar 2023, 22:40

Laza

Posts: 1,560
Registered: 6-Sep-2005

Re: Hiding home page elements using CSS
Posted: 9 Mar 23, 12:52

in response to: JoeSchmoe5543

You can hide the top menu by turning off Folders, Pages, and Web locations on the Tiger / Site / Top bar panel.

Hiding the up one level button is not practical, but if you insist on this, you can do that with the code above.

I cannot promise I will never change the structure, but you can always use the Developer toolbar (F12) to find out the proper CSS hook.

JoeSchmoe5543

Posts: 70
Registered: 22-Aug-2022

Re: Hiding home page elements using CSS
Posted: 9 Mar 23, 13:02

in response to: Laza

Thank you!

Pages: 1

Back to Thread List

Legend
	Forum admins
	Helpful Answer
	Correct Answer