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


ion-header{

 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.

solution

.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