I'm running into a wall in customizing a testimonial page section to show the testimonial and image side-by-side instead of stacked on top of each other. I've managed the CSS to bring the fonts into alignment with what I want, but the layout eludes me. Here's what I have so far, and I'm guessing it's pretty obvious what I'm hoping to achieve from the screenshot — I want the text and attribution to be next to (not under) the photo, and for the arrows to move up accordingly as well.
Thank you in advance for any help...I've been banging my head against a wall on this for hours!
The site's not public yet, but find it here, with the password "thankyou".
Here's the CSS that I currently have applied here:
//* Testimonials *//
.user-items-list-item-container[data-section-id="65049c0c0b06d04fea685eb9"] {
/* quote text */
h2.list-item-content__title {
font-size: 30px !important;
line-height: 2.2rem;
font-weight: 300;
}
/* attribution */
.list-item-content__description * {
font-family: brandon-grotesque;
font-weight: 600;
font-size: .93rem;
letter-spacing: 0.07em;
font-color: #282828;
text-transform: uppercase !important;
}
}