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.