From 010e2b8dfa4c207b1ac34843668b473500a07396 Mon Sep 17 00:00:00 2001 From: Aadil Ayub Date: Thu, 20 Jun 2024 20:33:39 +0500 Subject: [PATCH] add illustrated heading style --- assets/css/custom.css | 41 ++++++++++++++++++++++++++++++++++++++++- 1 file changed, 40 insertions(+), 1 deletion(-) diff --git a/assets/css/custom.css b/assets/css/custom.css index 5353e31..58712ad 100644 --- a/assets/css/custom.css +++ b/assets/css/custom.css @@ -180,4 +180,43 @@ p.is-style-outline.wp-block-tag-cloud { a.wp-block-tiptip-hyperlink-group-block { text-decoration: none; -} \ No newline at end of file +} + +.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; + } +}