Commit 8f759986 by lmf

优化底部分享图片样式

parent 56daa3de
...@@ -41,13 +41,13 @@ ...@@ -41,13 +41,13 @@
<div class="newsletter-list ins"> <div class="newsletter-list ins">
<ul> <ul>
<li><a title="Tiktok" href="https://www.tiktok.com/@joshineofficial"> <li><a title="Tiktok" href="https://www.tiktok.com/@joshineofficial">
<img src="/media/wysiwyg/1-tiktok.png" alt=""> <img src="/media/wysiwyg/1-tiktok.png" alt="" clss="ins_image">
</a></li> </a></li>
<li><a title="Instagram" href="https://www.instagram.com/JoshineOfficial/"> <li><a title="Instagram" href="https://www.instagram.com/JoshineOfficial/">
<img src="/media/wysiwyg/2-instagram.png" alt=""> <img src="/media/wysiwyg/2-instagram.png" alt="" clss="ins_image">
</a></li> </a></li>
<li><a title="Facebook" href="https://www.facebook.com/JoshineOfficial/"> <li><a title="Facebook" href="https://www.facebook.com/JoshineOfficial/">
<img src="/media/wysiwyg/3-facebook.png" alt=""> <img src="/media/wysiwyg/3-facebook.png" alt="" clss="ins_image">
</a></li> </a></li>
</ul> </ul>
</div> </div>
...@@ -66,6 +66,7 @@ ...@@ -66,6 +66,7 @@
margin-top: 80px; margin-top: 80px;
height: 100px; height: 100px;
} }
.field.newsletter{ .field.newsletter{
width: 65%; width: 65%;
float: left; float: left;
...@@ -104,7 +105,7 @@ ...@@ -104,7 +105,7 @@
float: left; float: left;
margin-left: 20px; margin-left: 20px;
} }
.newsletter-list ul >li >a > img{ .ins_image{
max-width: 100%; max-width: 100%;
margin-left: 2px; margin-left: 2px;
width: 50px; width: 50px;
...@@ -114,7 +115,7 @@ ...@@ -114,7 +115,7 @@
width: 100%; width: 100%;
float: left; float: left;
text-align: center; text-align: center;
margin-top: 3%; margin-top: 13px;
} }
.newsletter-list ul{ .newsletter-list ul{
justify-content: center; justify-content: center;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment