Supporting each other

Community forums

Welcome, Guest

Forum

Main Forum

Developers

Hide title bar on one specific page in Bootstrap

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 3 years 9 months ago #7206

ruthlammers
Topic Author
Offline
New Member
Posts: 9
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 Inloggen or Create an account to join the conversation.

Hide title bar on one specific page in Bootstrap 3 years 9 months ago #7207

ronm
Offline
Administrator
Posts: 852
Thank you received: 261

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 Inloggen or Create an account to join the conversation.

Last edit: by ronm.

Hide title bar on one specific page in Bootstrap 3 years 9 months ago #7209

ruthlammers Topic Author Offline New Member Posts: 9 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 Inloggen or Create an account to join the conversation.