Danvarsh

Hi,

I somehow removed the white space by including some css but the section of the map overlaps the next section. So, I can't click button on the next section(Services). I would really appreciate any help!

Here is the css I have included

/* Remove any potential border or margin from the previous section */
section[data-section-id="667b139d56426d272c65f519"] + .page-section,
section[data-section-id="667b139d56426d272c65f519"] + .page-section::before,
section[data-section-id="667b139d56426d272c65f519"] + .page-section::after {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Ensure no border or extra margin/padding is applied to the top of the section */
section[data-section-id="667b139d56426d272c65f519"],
section[data-section-id="667b139d56426d272c65f519"]::before,
section[data-section-id="667b139d56426d272c65f519"]::after {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Remove padding and margin from the specific section */
section[data-section-id="667b139d56426d272c65f519"] {
  margin: 0 !important;
  padding: 0 !important;
  height: 100vh; /* Ensure the section takes up the full viewport height */
  display: block; /* Ensure the section is displayed as a block element */
  bottom: 20vh;
}

/* Remove any extra space from parent sections */
#block-yui_3_17_2_1_1719236485206_38927 .sqs-block-content {
  margin: 0 !important;
  padding: 0 !important;
  height: 100%;
  width: 100%;
  display: block; /* Ensure the content is displayed as a block element */
}

/* Target the specific block containing the map */
#block-yui_3_17_2_1_1719236485206_38927 {
  margin: 0 !important;
  padding: 0 !important;
  height: 100vh; /* Set the map container height to 100% of the viewport height */
  width: 100%; /* Ensure the map container takes up the full width */
  display: block; /* Ensure the map container is a block element */
  position: relative; /* Ensure the map is positioned correctly */
  overflow: hidden; /* Ensure no overflow */
  z-index: 1;
}

/* Adjust the section below the map */
section[data-section-id="667d5fbb500ede6e93ff9dc8"] {
  margin-top: 0vh; /* Adjust the top margin to position the section correctly */
  padding-top: 0vh; /* Adjust the top padding to position the section correctly */
  position: relative; /* Ensure the section is positioned correctly */
  z-index: 2; /* Bring the section above the map */
}
 

Hello

Please help

I have added a code block inside a section which contains a google geochart map and i am trying to reduce the space at the bottom of this section. But I cannot reduce the number of rows nor I cannot slide the section height adjustor up far enough. I am left with huge blank space at the end of this section. I have tried adding some custom CSS too but nothing works. Here is my homepage of the website that I am trying to find a solution.

https://www.danvarsh.com/home

This is the custom CSS I added

/* Target the specific block containing the map */
#block-yui_3_17_2_1_1719236485206_38927 {
  margin: 0 !important;
  padding: 0 !important;
  height: 100vh; /* Set the map container height to 100% of the viewport height */
  width: 100%; /* Ensure the map container takes up the full width */
  display: block; /* Ensure the map container is a block element */
  position: relative; /* Ensure the map is positioned correctly */
}

/* Remove any extra space from parent sections */
#block-yui_3_17_2_1_1719236485206_38927 .sqs-block-content {
  margin: 0 !important;
  padding: 0 !important;
  height: 100%;
  width: 100%;
  display: block; /* Ensure the content is displayed as a block element */
}

/* General section adjustments */
.page-section {
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important; /* Ensure sections take only the necessary height */
  display: block; /* Ensure the content is displayed as a block element */
}

/* Ensure the content within the sections has no extra space */
.page-section .content {
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important; /* Ensure content takes only the necessary height */
  display: block; /* Ensure the content is displayed as a block element */
}

/* Specific adjustments for the section following the map to avoid white space */
#block-yui_3_17_2_1_1719236485206_38927 + .page-section {
  margin-top: 0 !important;
  padding-top: 0 !important;
}