Education Theme customize inquiry

Hi there,

We are using the education theme building a website.

1. We want to know that is there any method we can do to let the teacher gallery move more than one teacher(like 4 people one time) by clicking the left or right button.

2. Can we customize the button bottom color for a particular single page?

The description images are as follows.

https://drive.google.com/file/d/1NsRn4jzGX9nz6eUsMkGvou08xgHi84Fv/view?usp=sharing

https://drive.google.com/file/d/1At_EFGbS6falNlFo4jKxUzOKJmxXJSGq/view?usp=sharing

With owl carousel you cannot move more than 1 item with owl nav arrows. For that you need to use dots which can scroll the number of teachers visible on screen. To change owl nav to owl dots in Education WordPress theme for teachers you need to add the following code. 

Please sign in wp-admin go to >> Appearance >> Customize >> Additional CSS and you will get the dots. 

.teachers-wrapper.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px;
}
.teachers-wrapper.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #ebab2f;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}
.teachers-wrapper.owl-theme .owl-dots .owl-dot.active span, 
.teachers-wrapper.owl-theme .owl-dots .owl-dot:hover span {
    background: #174873;
}
.teachers-wrapper.owl-carousel .owl-nav button.owl-next, 
.teachers-wrapper.owl-carousel .owl-nav button.owl-prev, 
.teachers-wrapper.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit;
}
.teachers-wrapper.owl-theme .owl-dots,
.teachers-wrapper.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}
.teachers-wrapper.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
}
.teachers-wrapper .owl-dots {
	clear:both;
	margin-top:15px;
}
.teachers-wrapper .owl-nav {
	display:none;
}

To change the color of each button there is no such option but every course in tabs format can be assigned the unique color by adding some CSS. The following CSS will help you add different color to first course in each tab. You can change #1 and add more CSS to change colors of other buttons like 2 3 and even more if you are displaying more than 3 courses. 

.course-wrapper .tabs-content .tabs-panel .columns:nth-child(1) > .course a.button {
	background-color:#000;
	color:#FFF;
	border:0px !important;
}
.course-wrapper .tabs-content .tabs-panel .columns:nth-child(1) > .course a.button:hover {
	background-color:#FFF;
	color:#000;
}