Big gap between title and content

Hello, I want to shorten the gap between the title and content with the code below but for some reason, it’s not doing anything. Any way t do it?

.archive-header .header-bottom, .entry-header .header-bottom {
  margin: 0;
}

.czr-wp-the-content > p {
  margin-top: 0px;
}

.archive-header .archive-title, .entry-header .entry-title, .woocommerce .woocommerce-products-header .page-title {
  margin-bottom: -300px;
}