Hide header title for vivaldi panels

  • It hides the title for vivaldi internal panels, showing them only for webpanels, saving space.

    .panel > header h1 {display: none;} 
    .panel > header {padding-top: 0; padding-bottom: 0;}
    .webpanel-header h1 {display: initial !important;} 

  • or hide 'em inside the searchfield 😎

    .panel:not(.webpanel) > header {height:41px;}
    .panel:not(.webpanel) > header h1 {position:relative; z-index:1; margin: 0 0 -1.6rem 2.8rem; font-size:inherit; opacity:.6; pointer-events:none;}
    .panel > header input:not([value='']) {z-index:1;}

    You might need to tweak the height & margin to fit your custom GUI.

  • Do you add this to the common.css, or do you make a new .css with just that and add it in the style folder?

  • @RockGore Read pinned topics on this forum board.

Log in to reply

Looks like your connection to Vivaldi Forum was lost, please wait while we try to reconnect.