Unleash Your Blogging Potential with the Awesome Blog Creator
Are you a Kajabi Entrepreneur looking to take your blogging to the next level? If so, the Awesome Blog Creator is your secret weapon for creating engaging and visually stunning blog posts. Say goodbye to the limitations of traditional blog post formatting and hello to a world of creative possibilities.
On the fast lane? Read the summary
What if you could create a Kajabi Blog post the same way you create a landing page? With those 12 columns and different type of blocks: text, images, forms, cards, features, offers, custom code, audio, video, opt-in forms, assessments.
Your blogs would look amazing and increase engagement!
That is exactly what the Awesome Blog Creator is about! You build your blog post body as if it is a landing page and when you're ready you just copy and paste it in the source code (< >) of your new blog post. That's it.
It's Genius!
What is the Awesome Blog Creator?
The Awesome Blog Creator is not just another blogging tool; it's a game-changer. It empowers you to craft your blog post as if it were a landing page. You have the flexibility to design with precision and incorporate a wide range of content blocks, ensuring your message stands out.
What does that mean? Well, it means you can play with 12 columns and different type of blocks: text, images, forms, cards, features, offers, custom code, audio, video, opt-in forms, assessments.
Why Improve Your Blogging Experience?
You might wonder why you should bother improving your blogging experience. Here are some compelling reasons:
1. Captivate Your Audience: In today's digital age, attention spans are shorter than ever. To capture and retain your readers' attention, your content needs to be visually appealing and engaging. The Awesome Blog Creator helps you achieve just that.
2. Boost Engagement: Interactive and visually appealing content leads to higher user engagement. When your blog posts are more than just text, you can keep your audience interested and encourage them to interact with your content.
3. Enhance Brand Credibility: A well-designed blog post not only showcases your expertise but also enhances your brand's credibility. It demonstrates your commitment to providing valuable content to your audience.
4. Improved SEO: Search engines love well-structured content. With the Awesome Blog Creator you can add an image alt attribute to all your images. It improves your SEO and offers information for visually impaired readers.
How Does it Work?
Creating a blog post with the Awesome Blog Creator is as straightforward as it gets:
- Design Like a Pro: Build your blog post using a variety of content blocks, including text, images, forms, cards, features, offers, custom code, audio, video, opt-in forms, and assessments. The possibilities are virtually endless.
- Copy and Paste: Once your blog post is ready, simply copy and paste it into the source code (< >) of your new blog post. That's all it takes to transform your standard blog post into an eye-catching masterpiece.
Upgrade with the Power Pack
You might wonder why you should bother improving your blogging experience. Here are some compelling reasons:
-
Wrap Text Around Images: Make your blog posts more visually appealing by wrapping text around images.
-
Select Specific Blogs: Target your content to specific audiences by choosing which blogs to display.
-
Author Card: Showcase your expertise with an author card that adds a personal touch to your posts.
-
Review Blocks: Share reviews and ratings visually with score items to build trust with your audience.
-
SEO Optimization Tool: Easily add Schema Markup info to your blog post for improved search engine rankings.
ABC - PowerPack
Take a look at the exciting features of the ABC - PowerPack
Blogging tool ⚜️⚜️⚜️⚜️⚜️⚜️
Blog selector tool ⚜️⚜️⚜️⚜️⚜️⚜️
Author Card ⚜️⚜️⚜️⚜️⚜️⚜️
Review Blocks ⚜️⚜️⚜️⚜️⚜️⚜️
SEO Optimization tool ⚜️⚜️⚜️⚜️⚜️⚜️
In conclusion
In conclusion, the Awesome Blog Creator is a must-have tool for Kajabi Entrepreneurs who want to stand out in the crowded world of blogging. It's time to elevate your blogging game, captivate your audience, and unlock the full potential of your content. Try the Awesome Blog Creator today and watch your blog posts come to life like never before. Your readers will thank you, and your brand will thrive.
Agnes & Bastiaan - Kajabi Specialists since 2014
On this Jiffy website we share some of our best templates to take your Kajabi to the Next Level. Plus stylish templates to make your website, landingspages and products look amazing in a jiffy. Have a question? Send us a message, because we love a challenge!
/* flush setting */ /* margin settings */ #block-1700054620930 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1700054620930 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1700054620930 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1700054620930 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1700054620930 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1700054741090 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1700054741090 .block { /* border settings */ border: 1px none black; border-radius: 4px; /* background color */ background-color: rgba(233, 208, 143, 0.75); /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1700054741090 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1700054741090 .block { /* default padding for desktop */ padding: 0px; padding: 0px; /* desktop padding overrides */ padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; } } /* mobile text align */ @media (max-width: 767px) { #block-1700054741090 { text-align: left; } } #block-1700054741090 .accordion-title h5 { margin: 0; cursor: pointer; } #block-1700054741090 .accordion-body { padding-top: 24px; } #block-1700054741090 .accordion-title.collapsed:after { content: "\f067"; margin-left: 24px; } #block-1700054741090 .accordion-title:after { content: "\f068"; margin-left: 24px; color: #667d77; } /* flush setting */ /* margin settings */ #block-1700055244621 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1700055244621 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1700055244621 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1700055244621 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1700055244621 { text-align: left; } } #block-1700055244621 .image__image { max-width: 34%; border-radius: 4px; } #block-1700055244621 .image__image { float: right; margin-left: 15px; margin-bottom: 10px; } /* flush setting */ /* margin settings */ #block-1700055590092 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1700055590092 .block { /* border settings */ border: 1px none black; border-radius: 4px; /* background color */ background-color: rgba(233, 208, 143, 0.75); /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1700055590092 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1700055590092 .block { /* default padding for desktop */ padding: 0px; padding: 0px; /* desktop padding overrides */ padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } } /* mobile text align */ @media (max-width: 767px) { #block-1700055590092 { text-align: center; } } #block-1700055590092 .form-btn { border-color: #667d77; border-radius: 4px; background: #667d77; color: #ffffff; } #block-1700055590092 .btn--outline { color: #667d77; background: transparent; } #block-1700055590092 .disclaimer-text { font-size: 16px; margin-top: 1.25rem; margin-bottom: 0; color: #888; } .parsley-errors-list {display: none;} /* flush setting */ /* margin settings */ #block-1700055931226 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1700055931226 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1700055931226 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1700055931226 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1700055931226 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1700056725719 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1700056725719 .block { /* border settings */ border: 4px black; border-radius: 0px; /* background color */ /* default padding for mobile */ padding: 0px; /* mobile padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1700056725719 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1700056725719 .block { /* default padding for desktop */ /* desktop padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1700056725719 { text-align: ; } } #block-1700056725719 .block, [data-slick-id="1700056725719"] .block { display: flex; justify-content: flex-start; } #block-1700056725719 .image, [data-slick-id="1700056725719"] .image { width: 100%; overflow: hidden; width: 450px; border-radius: 4px; } #block-1700056725719 .image__image, [data-slick-id="1700056725719"] .image__image { width: 100%; width: 450px; } #block-1700056725719 .image__overlay, [data-slick-id="1700056725719"] .image__overlay { opacity: 0; background-color: #fff; border-radius: 4px; } #block-1700056725719 .image__overlay-text, [data-slick-id="1700056725719"] .image__overlay-text { color: !important; } @media (min-width: 768px) { #block-1700056725719 .block, [data-slick-id="1700056725719"] .block { display: flex; justify-content: flex-end; } #block-1700056725719 .image__overlay, [data-slick-id="1700056725719"] .image__overlay { opacity: 0; } #block-1700056725719 .image__overlay:hover { opacity: 1; } } /* flush setting */ /* margin settings */ #block-1700057405799 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1700057405799 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1700057405799 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1700057405799 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1700057405799 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1700057276788 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1700057276788 .block { /* border settings */ border: 4px black; border-radius: 0px; /* background color */ /* default padding for mobile */ padding: 0px; /* mobile padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1700057276788 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1700057276788 .block { /* default padding for desktop */ /* desktop padding overrides */ padding: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1700057276788 { text-align: ; } } #block-1700057276788 .block, [data-slick-id="1700057276788"] .block { display: flex; justify-content: flex-start; } #block-1700057276788 .image, [data-slick-id="1700057276788"] .image { width: 100%; overflow: hidden; width: 450px; border-radius: 4px; } #block-1700057276788 .image__image, [data-slick-id="1700057276788"] .image__image { width: 100%; width: 450px; } #block-1700057276788 .image__overlay, [data-slick-id="1700057276788"] .image__overlay { opacity: 0; background-color: #fff; border-radius: 4px; } #block-1700057276788 .image__overlay-text, [data-slick-id="1700057276788"] .image__overlay-text { color: !important; } @media (min-width: 768px) { #block-1700057276788 .block, [data-slick-id="1700057276788"] .block { display: flex; justify-content: flex-start; } #block-1700057276788 .image__overlay, [data-slick-id="1700057276788"] .image__overlay { opacity: 0; } #block-1700057276788 .image__overlay:hover { opacity: 1; } } /* flush setting */ /* margin settings */ #block-1700056868776 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1700056868776 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1700056868776 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1700056868776 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } /* mobile text align */ @media (max-width: 767px) { #block-1700056868776 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1700057547372 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1700057547372 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ background-color: rgba(167, 182, 157, 0.5); /* default padding for mobile */ padding: 0px; padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1700057547372 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1700057547372 .block { /* default padding for desktop */ padding: 0px; padding: 0px; /* desktop padding overrides */ padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } } /* mobile text align */ @media (max-width: 767px) { #block-1700057547372 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1700057537374 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1700057537374 .block { /* border settings */ border: 1px solid #cccccc; border-radius: 4px; /* background color */ background-color: #ffffff; /* default padding for mobile */ padding: 0px; padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1700057537374 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1700057537374 .block { /* default padding for desktop */ padding: 0px; padding: 0px; /* desktop padding overrides */ padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } } /* mobile text align */ @media (max-width: 767px) { #block-1700057537374 { text-align: center; } } #block-1700057537374 .btn, [data-slick-id="1700057537374"] .block .btn { color: #ffffff; border-color: #667d77; border-radius: 4px; background-color: #667d77; } #block-1700057537374 .btn--outline, [data-slick-id="1700057537374"] .block .btn--outline { background: transparent; color: #667d77; } #block-1700057537374 .feature__image, [data-slick-id="1700057537374"] .feature__image { width: 400px; border-radius: 0px; } #block-1700057537374 .c100 {float: none; margin: 0 auto;} @media only screen and (min-width: 768px) { #block-1700057537374 .revcirle, #block-1700057537374 .revtext {width: 100%;} #block-1700057537374 .revcirle {height: 130px; margin-left: auto; margin-right: auto; font-size: 100px;} } @media only screen and (max-width: 767px) { #block-1700057537374 .revcirle, #block-1700057537374 .revtext {width: 100%;} #block-1700057537374 .revcirle {height: 130px; margin-left: auto; margin-right: auto; font-size: 100px;} } #block-1700057537374 .revtext p {font-size: 14px; padding: 5px 5px 3px 5px; border-bottom: solid 1px #dddddd; margin-bottom: 0; text-align: left; } #block-1700057537374 .revtext span { float: right; } #block-1700057537374 .revtext span { position: relative;} #block-1700057537374 .revtext span::after { content: ""; position: absolute; height: 20px; top: 0px; left: 0px; } #block-1700057537374 .item1 span::after {width: 0%;} #block-1700057537374 .item2 span::after {width: 0%;} #block-1700057537374 .item3 span::after {width: 0%;} #block-1700057537374 .item4 span::after {width: 0%;} #block-1700057537374 .item5 span::after {width: -20%;} #block-1700057537374 .item6 span::after {width: 100%;} #block-1700057537374 .item7 span::after {width: 100%;} #block-1700057537374 .item8 span::after {width: 100%;} #block-1700057537374 .item9 span::after {width: 100%;} #block-1700057537374 .item10 span::after {width: 100%;} #block-1700057537374 .even span::after {background-color: #ffffff;} #block-1700057537374 .uneven span::after {background-color: #ffffff;} #block-1700057537374 .fill, #block-1700057537374 .bar { border-color: #667d77; } .rect-auto { clip: rect(auto, auto, auto, auto); } .pie, .c100 .bar { position: absolute; border: 0.08em solid #667d77; width: 0.84em; height: 0.84em; clip: rect(0em, 0.5em, 1em, 0em); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .pie-fill { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .c100.p100 .slice { clip: rect(auto, auto, auto, auto); } .c100.p100 .fill { position: absolute; border: 0.08em solid #667d77; width: 0.84em; height: 0.84em; clip: rect(0em, 0.5em, 1em, 0em); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .c100.p100 .bar:after, .c100.p100 .fill { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } #block-1700057537374 .c100 { background-color: #cccccc; } .c100 { position: relative; width: 1em; height: 1em; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; // margin: 0 0.1em 0.1em 0; background-color: #cccccc; // float: left; } .c100 *, .c100 *:before, .c100 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #block-1700057537374 .c100 span { color: #667d77; } .c100 span { position: absolute; width: 100%; z-index: 1; left: 0; top: 0; width: 5em; line-height: 5em; font-size: 0.2em; color: #cccccc; display: block; text-align: center; white-space: nowrap; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } #block-1700057537374 .c100:after { background-color: ; } .c100:after { position: absolute; top: 0.08em; left: 0.08em; display: block; content: " "; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: ; width: 0.84em; height: 0.84em; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; } .c100 .slice { position: absolute; width: 1em; height: 1em; clip: rect(0em, 1em, 1em, 0.5em); } .c100.p100 .bar { -webkit-transform: rotate(360.0deg); -moz-transform: rotate(360.0deg); -ms-transform: rotate(360.0deg); -o-transform: rotate(360.0deg); transform: rotate(360.0deg); } #block-1700057537374 .c100:hover { cursor: default; } #block-1700057537374 .c100:hover span { color: #667d77; } #block-1700057537374 .c100:hover span { width: 3.33em; line-height: 3.33em; font-size: 0.3em; color: #b78547; } #block-1700057537374 .c100:hover:after { top: 0.04em; left: 0.04em; width: 0.92em; height: 0.92em; } /* flush setting */ /* margin settings */ #block-1700058363120 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1700058363120 .block { /* border settings */ border: 4px black; border-radius: 4px; /* background color */ background-color: rgba(233, 208, 143, 0.75); /* default padding for mobile */ padding: 0px; padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1700058363120 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1700058363120 .block { /* default padding for desktop */ padding: 0px; padding: 0px; /* desktop padding overrides */ padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } } /* mobile text align */ @media (max-width: 767px) { #block-1700058363120 { text-align: left; } } #block-1577982541036_0 .btn { margin-top: 1rem; } /* flush setting */ /* margin settings */ #block-1697206172279 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1697206172279 .block { /* border settings */ border: 1px solid #ECF0F1; border-radius: 10px; /* background color */ /* default padding for mobile */ padding: 0px; padding: 0px; /* mobile padding overrides */ padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } @media (min-width: 768px) { /* desktop margin settings */ #block-1697206172279 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #block-1697206172279 .block { /* default padding for desktop */ padding: 0px; /* desktop padding overrides */ padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } } /* mobile text align */ @media (max-width: 767px) { #block-1697206172279 { text-align: center; } } #block-1697206172279 .feature__image, [data-slick-id="1697206172279"] .feature__image { width: 100px; border-radius: 100px; } .authorfeature { display: flex; align-items: flex-start; position: relative; } .authorfeature__image-container { flex-shrink: 0; /* Prevent the image from shrinking */ margin-right: 20px; } .authorfeature__image { max-width: 150px; height: auto; } .authorfeature__content { flex-grow: 1; /* Allow the text and button to take the remaining space */ } @media (max-width: 767px) { #block-1697206172279 .authorfeature { flex-direction: column; /* Stack children vertically */ align-items: center; } #block-1697206172279 .authorfeature__image-container { margin-right: 0; } }
