Simply trying to hide an element on a page

  • Hi,

    I simply trying to hide 2 elements on the example page i made. With global CSS or with code inside the page. I’m not picky.

    The 2 elements i want to hide are the 2 icons on the top right of the page :

    map-canvas > div.i4ewOd-pzNkMb-haAclf > div.i4ewOd-pzNkMb-nK2kYb > div.i4ewOd-pzNkMb-n9oEIb.i4ewOd-pzNkMb-bMcfAe

    map-canvas > div.i4ewOd-pzNkMb-haAclf > div.i4ewOd-pzNkMb-nK2kYb > div.i4ewOd-pzNkMb-xl07Ob-haAclf.i4ewOd-pzNkMb-bMcfAe

    Thank you

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • use this CSS Code:

    .HzV7m-b7CEbf.neVct-IlgHgd .i4ewOd-pzNkMb-nK2kYb {
    display: none !important;
}
    Thread Starter tristan11111

    (@tristan11111)

    @asika Thank you for your answer. Unfortunatly it did not work. I also tried

    .i4ewOd-pzNkMb-nK2kYb {
    display: none !important;
}

    But it didn’t work aswell. I also tried without any other CSS code to see if there was a conflict, but that didn’t work either. My other CSS codes if it help:

    .maskmap {
  height:opx; 
  width: calc(100% - 450px);
  display: block;
  background-color: rgb(77,106,121);
  position:relative; 
  z-index:999; 
  float:right;
}

embed, iframe, object {
    max-width: 150%;
}

.customIframe {
  margin-top:-46px;
  position: relative;
  z-index: 0;
  height:100vh
}

iframe {
		width:100vw; 
		height:calc(100vh - 90px);
		position:relative;
		display:block;
		top:0;
		bottom:0;
		z-index:999
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Simply trying to hide an element on a page’ is closed to new replies.