i need you to go to the header content (below the <!-------- TEXT --------------------->) and replace the content with this (so you should delete everything that is highlighted here):
i've yet to test it with differing heights and widths but if it becomes a problem, add style="width:150px" to the img coding (and of course, adjust any numbers if needed)! hope this helps!
with the way it's coded (and depending on how long the quote is), you would have to increase the numbers of the col-lg-7 col-sm-8 col-11; maybe try col-lg-8 col-sm-8? of course, increase that further if needed
also i see that WYSIWYG has been activated (it already messed the right column's layout) so do be cautious when editing the code! :'D
just tested it, it's possible!
i need you to go to the header content (below the <!-------- TEXT --------------------->) and replace the content with this (so you should delete everything that is highlighted here):
<div class="col-lg-7 col-sm-8 col-11 py-2">
<div class="row no-gutters">
<div class="col card bg-transparent rounded-0" style="border-color:#fff; border-width:0px 1px 0px 0px">
<div class="p-3 py-4 text-md-right text-left font-weight-bold font-italic" style="color:#fff; text-shadow:3px 1px #000; line-height:80%; font-size:29px; font-family:georgia;">
<i class="far fa-stars fa-fw mr-2"></i>
Quote here.
</div>
</div>
<div class="col-auto my-auto">
<div class="mx-3">
<!-- CLOUD DECOR HERE -->
<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/50029d8d-3c72-4991-b3aa-f037a31a5097/dcsbj9l-9973acaa-17d7-4964-b2ed-d5eace93bbba.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzUwMDI5ZDhkLTNjNzItNDk5MS1iM2FhLWYwMzdhMzFhNTA5N1wvZGNzYmo5bC05OTczYWNhYS0xN2Q3LTQ5NjQtYjJlZC1kNWVhY2U5M2JiYmEuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.W7UZ685_kc3X4bUPPDZcxbGSMd0ezjsAF9uTtANhS9k">
</div>
</div>
</div>
</div>
i've yet to test it with differing heights and widths but if it becomes a problem, add
style="width:150px"
to the img coding (and of course, adjust any numbers if needed)! hope this helps!2 years, 5 months ago
2 years, 5 months ago
2 years, 5 months ago
with the way it's coded (and depending on how long the quote is), you would have to increase the numbers of the
col-lg-7 col-sm-8 col-11
; maybe try col-lg-8 col-sm-8? of course, increase that further if neededalso i see that WYSIWYG has been activated (it already messed the right column's layout) so do be cautious when editing the code! :'D
2 years, 5 months ago
2 years, 5 months ago