Supporting each other

Community forums

Welcome, Guest
Username: Password: Remember me
The place for more technical questions for those who want to create new pagetypes or bespoke functionality.
  • Page:
  • 1

TOPIC: Hide title bar on one specific page in Bootstrap

Hide title bar on one specific page in Bootstrap 8 months 1 week ago #7206

  • ruthlammers
  • ruthlammers's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 4
  • Thank you received: 0
Dear community,

I am not sure in which category this question belongs, so for the moderators, please feel free to move it to another category.

I am currently working on a bootstrap template, which works quite well. I have one question though that I would like to hide the (colored) title bar on one specific page. I can check the box 'HIde tittlebar' on the main page of the template, but that hides the title bars on all pages.

Is there a code or something that I can add to the specific page to hide the title bar, or another workaround?
I have looked around on the internet, but I couldn't find the right solution there.

Thanks, Ruth

Please Log in or Create an account to join the conversation.

Hide title bar on one specific page in Bootstrap 8 months 1 week ago #7207

  • ronm
  • ronm's Avatar
  • Offline
  • Administrator
  • Administrator
  • Posts: 705
  • Thank you received: 196
Hi
try the following:
1. In the editor navigate in the tree to the page where you wish to hide the header and click on the first section item
2. Tick Show Advanced Options
3. Add New HTML Code
4. Name the code so you can recognise it in the tree later e.g. hide header
5. Untick Show Title
6. Paste in the following code:
<style>
.jumbotron {
    display: none !important;
}
</style>
7. Click Publish
8. Click Play and navigate to that page
(See attached screenshot)
HTH
Ron
Xerte developer & trainer
e-learning & m-learning consultant
mitchellmedia.co.uk | xerteacademy.com | learningapps.co.uk
Note: Support here is voluntary and meant for users to support each other.
Need direct commercial support with Xerte? mitchellmedia.co.uk/contact/
Attachments:
The following user(s) said Thank You: ruthlammers

Please Log in or Create an account to join the conversation.

Last edit: by ronm.

Hide title bar on one specific page in Bootstrap 8 months 1 week ago #7209

  • ruthlammers
  • ruthlammers's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 4
  • Thank you received: 0
It works! I am really really happy with this solution!
(actually I've never heard of 'jumbotron', that's probably why I didn't find anything on the internet). But is't really easy actually.

Thanks Ron, for the very quick and clear reply.

Best,
Ruth

Please Log in or Create an account to join the conversation.

  • Page:
  • 1
Moderators: jjs
Time to create page: 0.052 seconds
Copyright © 2021 The Xerte Project.
Xerte logo Apereo logo OSI Logo

Search