effycollis
8/24/2017 - 1:25 AM

Pavel Migration

Pavel Migration

//SCAFFOLDING

// ORIGINAL
.blob-wrapper {
	padding-top: 30px;
	padding-bottom: 30px;
}

// CHANGED TO
//removing compulsory padding so that native LYE settings will work
.blob-wrapper {
	// padding-top: 30px;
	// padding-bottom: 30px;
}
//NEW COLUMN STYLE
.inner-banner-para {
	h1 {

		color: @white;
		font-family: @font-family-abel;
		-webkit-font-smoothing: initial;
		font-size: 60px;
		font-weight: normal;
		line-height:1.2;

		@media (max-width: @screen-md-max) {
			font-size: 50px;
		}

		@media (max-width: @screen-sm-max) {
			font-size: 50px;
		}	

	}	
}
//in Header section style

// ORIGINAL
.section-header {
  @media (min-width: @screen-lg-min) {
  		.blob-container {
  			width: 1894px; // don't let it go the full width on eg. 2560px screens
  		}
  	}
}

	
// CHANGED TO
//switched to max-width, as was pushing the nav off the screen on smaller screen sizes
.section-header {
  @media (min-width: @screen-lg-min) {
  		.blob-container {
  			max-width: 1894px; // don't let it go the full width on eg. 2560px screens
  		} 
    }
}

Content changes required:

  • Replace each inner banner image with a section:
    • add background image
    • add h1 title
    • add large blank separator above h1
    • add medium padding preset
    • apply column style "inner parallax heading"
  • add 'small' padding to all other sections
    • (there was default padding applied to all sections previously, but I removed this so that the 'small' 'med' 'large' settings would work. This means some sections may not have correct padding. I think i caught them all though)
  • check blob padding on banners/design areas