設計專欄調整

themes/hugo-lamp/layouts/blog/list.html

@@ -1,21 +1,15 @@
 {{ define "main" }}
-<section class="section13">
-    <div class="mt-4">
-        <amp-img src="/img/blog/banner.webp"
-        width="5344"
-        height="2083"
-        layout="responsive"
-        alt="小寶優居-首購族首選 安心成家 室內設計品牌"></amp-img>
-    </div>
-</section>
-
-<section class="section24">
+<section class="page-title3 bg-2">
     <div class="container">
-        <div class="title"><b>設計專欄</b></div>
+        <div class="row">
+            <div class="col-md-12 text-center">
+                <h1>設計專欄</h1>
+            </div>
+        </div>
     </div>
 </section>
 
-<div class="page-wrapper">
+<div class="page-wrapper" style="padding-top: 50px;">
     <div class="container">
         <div class="row">
             <div class="col-md-8">

themes/hugo-lamp/static/css/chuz.css

@@ -2866,15 +2866,15 @@ amp-accordion div .start {
   font-weight: 500;
 }
 
-.page-title, .page-title1, .page-title2 {
+.page-title, .page-title1, .page-title2, .page-title3 {
   padding: 100px 0;
 }
 
-.page-title .block, .page-title1 .block, .page-title2 .block {
+.page-title .block, .page-title1 .block, .page-title2 .block, .page-title3 .block {
   text-align: center;
 }
 
-.page-title .block h1, .page-title1 .block h1, .page-title2 .block h1 {
+.page-title .block h1, .page-title1 .block h1, .page-title2 .block h1, .page-title3 .block h1 {
   color: #fff;
   font-weight: 200;
   letter-spacing: 5px;
@@ -2882,7 +2882,7 @@ amp-accordion div .start {
   text-transform: capitalize;
 }
 
-.page-title .block p, .page-title1 .block p, .page-title2 .block p {
+.page-title .block p, .page-title1 .block p, .page-title2 .block p, .page-title3 .block p {
   color: #fff;
 }
 
@@ -2964,11 +2964,50 @@ amp-accordion div .start {
   font-weight: 500;
 }
 
-.overly, .page-title, .page-title1, .page-title2 {
+.page-title3 {
+  background-image: url("/img/blog/banner.webp");
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-attachment: fixed;
+  background-position: center center;
+  padding: 110px 0;
+  position: relative;
+  color: #fff;
+}
+
+@media (max-width: 768px) {
+  .page-title3 {
+    background-attachment: scroll;
+    padding: 100px 0;
+  }
+  .page-title3 h1 {
+    font-size: 35px;
+  }
+}
+
+.page-title3 .block {
+  color: #E3E3E4;
+}
+
+.page-title3 .block h1 {
+  font-weight: 600;
+  line-height: 60px;
+  letter-spacing: 10px;
+  padding-bottom: 15px;
+}
+
+.page-title3 .block p {
+  color: #fff;
+  font-size: 12pt;
+  line-height: 25px;
+  font-weight: 500;
+}
+
+.overly, .page-title, .page-title1, .page-title2, .page-title3 {
   position: relative;
 }
 
-.overly:before, .page-title:before, .page-title1:before, .page-title2:before {
+.overly:before, .page-title:before, .page-title1:before, .page-title2:before, .page-title3:before {
   content: '';
   background: rgba(0, 0, 0, 0.51);
   position: absolute;

themes/hugo-lamp/static/css/templates/_page-title.scss

@@ -27,4 +27,9 @@
 .page-title2 {
 	@extend .page-title;
     @include background-image('/img/store_north/banner.webp');
+}
+
+.page-title3 {
+	@extend .page-title;
+    @include background-image('/img/blog/banner.webp');
 }