DRAFT: This module has unpublished changes.

How to Change Border between Banner and Sections

 

Changing the Border color between the Banner and Sections is done through the Custom CSS section. 

  

Once inside the Custom CSS section, we are going to change the code in the #header_container .title { section. 

 

To change the color of the border between banner and sections, replace the 6 digit code, shown below in italics and then in green:

 

border-bottom:2px solid #66ee33 !important; 

replace the color code 66ee33 with the color code of your choice.

 

#header_container .title {

border-bottom:2px solid #66ee33 !important;

padding:15px;

}

 

 How to Seperate Banner and Sections

 

Seperating your banner and sections is also done through the Custom CSS section. 

 

Once inside the Custom CSS section, we are going to add code to the #header_container, #main_container { } section. 

 

To seperate your banner and sections add the line of code: 

margin: 25px auto; 

the number in italics is the amount of space you will be placing between your banner and your sections. You can either increase or decrease the number. 

 

 

#header_container, #main_container {
background-color:#FFFFFF;
border-color:#FFFFFF;
border-style: solid;
border-width: 0 10px;
margin: 25px auto;
position: relative;
}

 

 

 

 

DRAFT: This module has unpublished changes.
DRAFT: This module has unpublished changes.
DRAFT: This module has unpublished changes.