Ion-header style

i’m trynig to style ion-header in my application, but i still got white background on the two corners!
Sans titre


 background: linear-gradient(180deg, #7CA6F9 0%, #5E4AE7 100%);
 border-radius: 0px 0px 20px 20px;
 height: 81px;
 display: block;
  position: relative;
  -ms-flex-order: -1;
  order: -1;
  width: 100%;
  z-index: 10;

any way how to hide it please ?

ionic components utilizes the shadow dom, some parts can be styled and some not. Reading this may help you understand your objective and guide you in the right direction.


.header-md::after {

    left: 0;

    bottom: -5px;

    background-position: left 0 top -2px;

    position: absolute;

    width: 100%;

    height: 5px;

    background-image: none;

    background-repeat: repeat-x;

    content: "";

i have just set background-image: none;

thanks for help!

1 Like