improved formatting to blog.css
This commit is contained in:
parent
492e0765af
commit
0254061fa4
1 changed files with 40 additions and 3 deletions
|
@ -1,13 +1,50 @@
|
|||
img {
|
||||
/* Global settings for images and videos */
|
||||
img, video {
|
||||
display: block;
|
||||
width: 100%;
|
||||
border-radius: 10px; /* Add rounded corners */
|
||||
margin-top: 20px; /* Add space above the image */
|
||||
margin-bottom: 20px; /* Add space below the image */
|
||||
}
|
||||
|
||||
/* Exclude images inside the .icons class from global settings */
|
||||
ul.icons img {
|
||||
display: inline; /* Override display: block */
|
||||
width: auto; /* Override width: 100% */
|
||||
border-radius: 0; /* Remove rounded corners */
|
||||
margin-top: 0; /* Remove top margin */
|
||||
margin-bottom: 0; /* Remove bottom margin */
|
||||
}
|
||||
|
||||
/* Align blog text and links */
|
||||
.align-blog p, a, em {
|
||||
text-align: left;
|
||||
font-size: 1em;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
/* .align-blog h1, h2, h3, h4, h5 {
|
||||
} */
|
||||
/* Increase margin top for all headings */
|
||||
.align-blog h1,
|
||||
.align-blog h2,
|
||||
.align-blog h3,
|
||||
.align-blog h4,
|
||||
.align-blog h5,
|
||||
.align-blog h6 {
|
||||
margin-top: 30px; /* Adjust this value to increase space above headings */
|
||||
}
|
||||
|
||||
/* Icons specific styles */
|
||||
ul.icons {
|
||||
cursor: default;
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
ul.icons li {
|
||||
display: inline-block;
|
||||
padding: 0 0.65em 0 0;
|
||||
}
|
||||
|
||||
ul.icons li:last-child {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue