Faculty archive added

archive-faculty.php

@@ -16,34 +16,37 @@ get_header();
 
 
 	<div class="sections">
-		
-		
+
+
 
 		<section id="all-faculties" class="container">
-			
-			
+
+
 
 			<h2>List of Faculty Members of Department of CSE</h2>
 
 			<!-- <hr> -->
-			<div class="grid">
+			<div class="parent-grid">
 
 				<?php if (have_posts()) : ?>
 					<?php while (have_posts()) : the_post(); ?>
 
 
-
-						<div class="faculty-stub">
+						<div class="faculty-stub grid-sub-item">
 
 							<div class="stub-img-holder">
 								<img class="stub-img" src="<?php the_field('profile_photo'); ?>" alt="">
 							</div>
 
 							<div class="archive-faculty-details">
-								<a class="faculty-name" href="#"><h3><?php echo get_the_title(); ?></h3></a>
+								<a class="faculty-name" href="<?php echo get_the_permalink(); ?>">
+									<h3><?php echo get_the_title(); ?></h3>
+								</a>
 
 								<span class="faculty-designation">
-									<?php the_field('designation'); ?>
+									Department of Computer Science and Engineering
+									<?php //the_field('designation');
+									?>
 								</span>
 
 							</div>
@@ -51,12 +54,12 @@ get_header();
 						</div>
 
 
-						
+
 					<?php endwhile; ?>
 
 					<?php the_posts_navigation(); ?>
 
-					<?php
+				<?php
 				else :
 
 					get_template_part('template-parts/content', 'none');
@@ -72,31 +75,35 @@ get_header();
 </main><!-- #main -->
 
 <style>
+	@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Text&display=swap");
+	@import url("https://fonts.googleapis.com/css2?family=Open+Sans&display=swap");
+	@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css);
+
 	header {
 		height: 100px !important;
 	}
 
-	#all-news {
-		display: flex;
-		flex-direction: column;
-	}
-
-	#all-news h2 {
+	#all-faculties h2 {
 		color: #000 !important;
 		margin-top: 40px;
 		margin-bottom: 20px;
 	}
 
-	#all-news .stub {
-		margin: 30px auto;
+	#all-faculties .faculty-stub {
+		width: 100%;
+		padding: 5px;
+		box-shadow: 2px 2px 10px 6px rgba(0, 0, 0, 0.137254902);
+		margin: 30px auto !important;
 	}
 
-	#all-news .stub-img-holder {
-		height: 200px;
+	#all-faculties .stub-img-holder {
+		border-radius: 4px !important;
+		height: 160px;
 		overflow: hidden;
 	}
 
-	#all-news .stub-img-holder img {
+	#all-faculties .stub-img-holder img {
+		border-radius: 0px !important;
 		height: 100%;
 		width: 100%;
 		-o-object-fit: cover;
@@ -105,24 +112,34 @@ get_header();
 		object-position: center;
 	}
 
-	#all-news .news-date {
+	#all-faculties .archive-faculty-details {
+		height: 100px;
+		padding: 0px 10px;
+	}
+
+	#all-faculties .archive-faculty-details .faculty-degree {
+		display: inline-block;
+		color: rgba(89, 107, 161, 0.5647058824);
+		font-weight: 800;
+		font-size: 14px;
+	}
+
+	#all-faculties .archive-faculty-details .faculty-designation {
 		display: block;
-		color: #485680;
+		color: rgba(0, 0, 0, 0.5647058824);
 		font-weight: 800;
 		font-size: 14px;
-		margin: 10px 0px !important;
 	}
 
-	#all-news h3 {
-		height: 50px;
+	#all-faculties .archive-faculty-details h3 {
 		font-size: 18px;
 		line-height: 22px;
 		font-family: "Open Sans", sans-serif;
 		color: #2F4858 !important;
-		margin: 20px auto;
+		margin: 10px auto;
 	}
 
-	/*# sourceMappingURL=archive-news.css.map */
+	/*# sourceMappingURL=archive-faculty.css.map */
 </style>
 <?php
 get_footer();

css/theme-styles.css

@@ -1668,6 +1668,16 @@ body.archive aside#secondary{
     width: 30% !important;
     margin: 30px 0 0 10px !important;
 }
+
+
+.faculty-stub{
+  display: flex;
+}
+
+.archive-faculty-details {
+    width: 80%;
+}
+
 @media screen and (max-width: 991px){
   .parent-grid {
     justify-content: space-around;
@@ -1683,6 +1693,8 @@ body.archive aside#secondary{
     margin-right: auto!important;
   }
 }
+
+
 /* Pickers Styling--------------------------------- */
 .pickers{
   position: fixed;