[Rue NelModerator]

Hello There,

Thanks for updating in! To narrow the space between the images and the titles and the space between the titles and the contents, please edit your page in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

h2.h-custom-headline.man.h3 {}

@media(min-width: 980px){
  .home .h-custom-headline.h3 {
    margin-bottom: 15px !important;
  }

    .home #x-section-8 .x-feature-box-title,
	.home #x-section-8 .x-feature-box-text {
		margin-top: 10px !important;
		line-height: 1;
	}
	
	.home #x-section-8  .x-feature-box-graphic {
		margin-bottom: 10px !important;
	}
}

Feel free to change margins when needed.

[iamwithUParticipant]

I did as you suggested, and click ‘save”. But nothing happened. Please see my screen shot.

I also tried to reduce the numerical values for the px, but that didn’t help too.

[Rue NelModerator]

Hello There,

Where did you add the code? At the beginning of your custom css or at the bottom? I checked the page source but I could not find the code. You may have remove it. Please keep in mind that the best css practice should be in this order:

element {
  // your styling
}

#element-ID {
  // your styling
}

.element-class {
  // your styling
}

@media(min-width: ##px){
  element {
    // your styling
  }

  #element-ID {
    // your styling
  }

  .element-class {
    // your styling
  }
}

@media(max-width: ##px){
  element {
    // your styling
  }

  #element-ID {
    // your styling
  }

  .element-class {
    // your styling
  }
}

You have to make it in this order to avoid any of the styling from being overridden with another css block. I would highly recommend that you rearrange the css in your customizer. And please make sure that you have indent each block to easily spot any invalid or correct any mistake if there is.

Hope this helps. Kindly let us know.

[iamwithUParticipant]

Thanks for the advice. But I’ll have to learn first how to read the CSS and identify what is an element, ID, element-class in the codes.

I guess you are referring to the “edit global CSS” page in the Customiser > custom? It was hard to highlight anything on that page, so makes it difficult to copy any css block to do any re-arrangement.

[JoaoModerator]

Hi There,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks!

[Author]

Posts