Align speaker images to the top of pages

TXLF · Apr 3, 2024 · 5514696 · 5514696
1 parent 5e3e60e
commit 5514696
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 5 deletions.
diff --git a/themes/eventre-hugo/assets/scss/pages/_speaker.scss b/themes/eventre-hugo/assets/scss/pages/_speaker.scss
@@ -3,6 +3,7 @@
 		padding-bottom: 70px;
 		border-bottom: 1px solid $border-color;
 		.image-block{
+			margin-top: 0px;
 			background: $light;
 			border: 1px solid $border-color;
 			padding: 6px;

diff --git a/themes/eventre-hugo/assets/scss/pages/_talk.scss b/themes/eventre-hugo/assets/scss/pages/_talk.scss
@@ -3,6 +3,7 @@
 		padding-bottom: 70px;
 		border-bottom: 1px solid $border-color;
 		.image-block{
+			margin-top: 0px;
 			background: $light;
 			border: 1px solid $border-color;
 			padding: 6px;

diff --git a/themes/eventre-hugo/layouts/speakers/single.html b/themes/eventre-hugo/layouts/speakers/single.html
@@ -4,12 +4,12 @@
   <div class="container">
     <div class="block">
       <div class="row">
-        <div class="col-lg-5 col-md-6 align-self-md-center">
+        <div class="col-lg-5 col-md-6 align-self-md-start">
           <div class="image-block">
             <img src="{{ .Params.image | absURL }}" class="img-fluid" alt="{{ .Title }}">
           </div>
         </div>
-        <div class="col-lg-7 col-md-6 align-self-center">
+        <div class="col-lg-7 col-md-6 align-self-start">
           <div class="content-block">
             <div class="name">
               <h3>{{ .Title }}</h3>

diff --git a/themes/eventre-hugo/layouts/talks/single.html b/themes/eventre-hugo/layouts/talks/single.html
@@ -4,7 +4,7 @@
   <div class="container">
     <div class="block">
       <div class="row">
-        <div class="col-lg-5 col-md-6 align-self-md-center">
+        <div class="col-lg-5 col-md-6 align-self-md-start">
           <div class="image-block">
             {{ range .Params.speakers }}
             {{ if .image }}
@@ -15,7 +15,7 @@
             {{ end }}
           </div>
         </div>
-        <div class="col-lg-7 col-md-6 align-self-center">
+        <div class="col-lg-7 col-md-6 align-self-start">
           <div class="content-block">
             <div class="name">
               <h3>{{ .Title }}</h3>
@@ -35,7 +35,7 @@ <h5>Where</h5>
               <h5>Speaker{{ if gt (len .Params.speakers) 1 }}s{{end}}</h5>
               <ul class="list-inline">
                 {{ range .Params.speakers }}
-                <li class="list-inline-item">
+                <li class="list-item">
                   <a class="btn btn-transparent-md" href="{{ .link | absURL }}">{{ .name }}</a>
                 </li>
                 {{ end }}