Platform Subheader Height: CSS

I have CSS that will hide it completely if you want?  I found the same as you - complete waste of valuable space!

@Neil Patterson LOL - Yeah - pretty sure I eliminated it completely as well because I cannot seem to find anything similar to the screenshot.

@willingworth - Perhaps you could play with this a little…

Adjust as desired

Test

#page-title__wrapper {
  height: 50px;
}

Champions! Y’all are the real Docebo heroes. haha

div#page-title__wrapper {display:none !important;}

div.doc-layout-common-footer {display:none !important;}

Can someone help with how I can insert this into the patform. I have added this in the CSS, saved, and the top bar is still there

div#page-title__wrapper {display:none !important;}

div.doc-layout-common-footer {display:none !important;}

Hi @Salvo Have you done a reload of the platform after you saved?  Have you refreshed the page?

div#page-title__wrapper {display:none !important;}

div.doc-layout-common-footer {display:none !important;}

yes I have but is not loading. Is this in the correct position?

Salvo wrote:

Neil Patterson wrote:

Salvo wrote:

Neil Patterson wrote:

I used the following to remove it completely.

div#page-title__wrapper {display:none !important;}

Also used the following to remove the footer at the bottom f the page too :)

div.doc-layout-common-footer {display:none !important;}

 

Can someone help with how I can insert this into the patform. I have added this in the CSS, saved, and the top bar is still there

Hi @Salvo Have you done a reload of the platform after you saved?  Have you refreshed the page?

yes I have but is not loading. Is this in the correct position?

 

You are missing a } before the /* Custom links box - Horizontal line, so the code is being skipped over as it is  not set up right. The #customlinks should change color to become an id once you add that then save and see if it is resolved.

Salvo wrote:

Neil Patterson wrote:

Salvo wrote:

Neil Patterson wrote:

I used the following to remove it completely.

div#page-title__wrapper {display:none !important;}

Also used the following to remove the footer at the bottom f the page too :)

div.doc-layout-common-footer {display:none !important;}

 

Can someone help with how I can insert this into the patform. I have added this in the CSS, saved, and the top bar is still there

Hi @Salvo Have you done a reload of the platform after you saved?  Have you refreshed the page?

yes I have but is not loading. Is this in the correct position?

 

Strange - works perfectly on mine.  I don’t know if CSS works on priorities order?  I wonder if you have any CSS above that is amending the wrapper in anyway first?  Could you try pasting it at the top of your list, see if that works?  Otherwise i’m a little stumped i’m afraid

Neil Patterson wrote:

Salvo wrote:

Neil Patterson wrote:

Salvo wrote:

Neil Patterson wrote:

I used the following to remove it completely.

div#page-title__wrapper {display:none !important;}

Also used the following to remove the footer at the bottom f the page too :)

div.doc-layout-common-footer {display:none !important;}

 

Can someone help with how I can insert this into the patform. I have added this in the CSS, saved, and the top bar is still there

Hi @Salvo Have you done a reload of the platform after you saved?  Have you refreshed the page?

yes I have but is not loading. Is this in the correct position?

 

 

Strange - works perfectly on mine.  I don’t know if CSS works on priorities order?  I wonder if you have any CSS above that is amending the wrapper in anyway first?  Could you try pasting it at the top of your list, see if that works?  Otherwise i’m a little stumped i’m afraid

CSS does do priority order, but it is what is last done generally, but using the !important overides that order anyways, they are missing a closing bracket a few classes up which is probably causing the bottom not to be read.  A } before the /* Custom links box - Horizontal line, so the code is being skipped over as it is  not set up right. The #customlinks should change color to become an id once you add that then save and see if it is resolved.

Bfarkas wrote:

Neil Patterson wrote:

Salvo wrote:

Neil Patterson wrote:

Salvo wrote:

Neil Patterson wrote:

I used the following to remove it completely.

div#page-title__wrapper {display:none !important;}

Also used the following to remove the footer at the bottom f the page too :)

div.doc-layout-common-footer {display:none !important;}

 

Can someone help with how I can insert this into the patform. I have added this in the CSS, saved, and the top bar is still there

Hi @Salvo Have you done a reload of the platform after you saved?  Have you refreshed the page?

yes I have but is not loading. Is this in the correct position?

 

 

Strange - works perfectly on mine.  I don’t know if CSS works on priorities order?  I wonder if you have any CSS above that is amending the wrapper in anyway first?  Could you try pasting it at the top of your list, see if that works?  Otherwise i’m a little stumped i’m afraid

CSS does do priority order, but it is what is last done generally, but using the !important overides that order anyways, they are missing a closing bracket a few classes up which is probably causing the bottom not to be read.  A } before the /* Custom links box - Horizontal line, so the code is being skipped over as it is  not set up right. The #customlinks should change color to become an id once you add that then save and see if it is resolved.

Good spot @Bfarkas!

Neil Patterson wrote:

Salvo wrote:

Neil Patterson wrote:

Salvo wrote:

Neil Patterson wrote:

I used the following to remove it completely.

div#page-title__wrapper {display:none !important;}

Also used the following to remove the footer at the bottom f the page too :)

div.doc-layout-common-footer {display:none !important;}

 

Can someone help with how I can insert this into the patform. I have added this in the CSS, saved, and the top bar is still there

Hi @Salvo Have you done a reload of the platform after you saved?  Have you refreshed the page?

yes I have but is not loading. Is this in the correct position?

 

 

Strange - works perfectly on mine.  I don’t know if CSS works on priorities order?  I wonder if you have any CSS above that is amending the wrapper in anyway first?  Could you try pasting it at the top of your list, see if that works?  Otherwise i’m a little stumped i’m afraid

Yes it worked. I just added this to the top. 

Thank you so much.🤗

Salvo wrote:

Neil Patterson wrote:

Salvo wrote:

Neil Patterson wrote:

Salvo wrote:

Neil Patterson wrote:

I used the following to remove it completely.

div#page-title__wrapper {display:none !important;}

Also used the following to remove the footer at the bottom f the page too :)

div.doc-layout-common-footer {display:none !important;}

 

Can someone help with how I can insert this into the patform. I have added this in the CSS, saved, and the top bar is still there

Hi @Salvo Have you done a reload of the platform after you saved?  Have you refreshed the page?

yes I have but is not loading. Is this in the correct position?

 

 

Strange - works perfectly on mine.  I don’t know if CSS works on priorities order?  I wonder if you have any CSS above that is amending the wrapper in anyway first?  Could you try pasting it at the top of your list, see if that works?  Otherwise i’m a little stumped i’m afraid

Yes it worked. I just added this to the top. 

Thank you so much.🤗

You should fix the missing } otherwise everything you add to the bottom will not work. Moving it to the top just brought it above the issue, but you have a block in there not being used currently fyi because of the missing bracket. Moving to the top in this case was kind of like rebooting the computer, it worked  but didn’t fix the core issue :)

Bfarkas wrote:

Salvo wrote:

Neil Patterson wrote:

Salvo wrote:

Neil Patterson wrote:

Salvo wrote:

Neil Patterson wrote:

I used the following to remove it completely.

div#page-title__wrapper {display:none !important;}

Also used the following to remove the footer at the bottom f the page too :)

div.doc-layout-common-footer {display:none !important;}

 

Can someone help with how I can insert this into the patform. I have added this in the CSS, saved, and the top bar is still there

Hi @Salvo Have you done a reload of the platform after you saved?  Have you refreshed the page?

yes I have but is not loading. Is this in the correct position?

 

 

Strange - works perfectly on mine.  I don’t know if CSS works on priorities order?  I wonder if you have any CSS above that is amending the wrapper in anyway first?  Could you try pasting it at the top of your list, see if that works?  Otherwise i’m a little stumped i’m afraid

Yes it worked. I just added this to the top. 

Thank you so much.🤗

You should fix the missing } otherwise everything you add to the bottom will not work. Moving it to the top just brought it above the issue, but you have a block in there not being used currently fyi because of the missing bracket. Moving to the top in this case was kind of like rebooting the computer, it worked  but didn’t fix the core issue :)

Thank you, I deleted that css code as it was an old test. 

Salvo wrote:

Bfarkas wrote:

Salvo wrote:

Neil Patterson wrote:

Salvo wrote:

Neil Patterson wrote:

Salvo wrote:

Neil Patterson wrote:

I used the following to remove it completely.

div#page-title__wrapper {display:none !important;}

Also used the following to remove the footer at the bottom f the page too :)

div.doc-layout-common-footer {display:none !important;}

 

Can someone help with how I can insert this into the patform. I have added this in the CSS, saved, and the top bar is still there

Hi @Salvo Have you done a reload of the platform after you saved?  Have you refreshed the page?

yes I have but is not loading. Is this in the correct position?

 

 

Strange - works perfectly on mine.  I don’t know if CSS works on priorities order?  I wonder if you have any CSS above that is amending the wrapper in anyway first?  Could you try pasting it at the top of your list, see if that works?  Otherwise i’m a little stumped i’m afraid

Yes it worked. I just added this to the top. 

Thank you so much.🤗

You should fix the missing } otherwise everything you add to the bottom will not work. Moving it to the top just brought it above the issue, but you have a block in there not being used currently fyi because of the missing bracket. Moving to the top in this case was kind of like rebooting the computer, it worked  but didn’t fix the core issue :)

Thank you, I deleted that css code as it was an old test. 

Nice! It’s good to get in the habit of having a format for the opening/closes so that you can easily scan for that kind of stuff. 

div#page-title__wrapper {display:none !important;}

div.doc-layout-common-footer {display:none !important;}

Wow. The real MVP!! Thank you for sharing this. Just getting into HTML and CSS and this is a game changer! 

Putting the “div” in the CSS code is a bit odd (and likely “improper”). You’re already addressing an ID.

Proper CSS syntax is:
 

#page-title__wrapper {
    display: none !important;
}