add illustrated heading style
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
Aadil Ayub 2024-06-20 20:33:39 +05:00
parent 9d6aadc02a
commit 010e2b8dfa

View File

@ -180,4 +180,43 @@ p.is-style-outline.wp-block-tag-cloud {
a.wp-block-tiptip-hyperlink-group-block {
text-decoration: none;
}
}
.about-heading {
position: relative;
}
@media (min-width: 1440px) {
.illustrated-heading {
margin-top: 400px !important;
}
.illustrated-heading::after {
content: '';
display: inline-block;
background: url(https://jett.autonomic.zone/wp-content/uploads/2024/06/image.png);
height: 501px;
width: 632px;
background-size: contain;
position: absolute;
bottom: -19px;
right: -98px;
}
}
@media (max-width: 768px) {
.illustrated-heading {
margin-top: 227px !important;
}
.illustrated-heading::after {
content: '';
display: inline-block;
background: url(https://jett.autonomic.zone/wp-content/uploads/2024/06/image.png);
height: 290.476px;
width: 366px;
background-size: contain;
position: absolute;
bottom: 77px;
}
}