How to adjust white boxes in Turbo Seoul Theme's testimonial slider?

Technical Q&A
1

Hey guys, how would I get the white boxes in the second picture to match the first? Specifically, spreading to 100% of the width and the text not being cut-off. Thanks!

site: https://mathias-dev-test.myshopify.com/

pass: saycew

Screenshot 2021-07-01 at 17.37.35.png
Screenshot 2021-07-01 at 17.37.35.png1696×1096 160 KB

Screenshot 2021-07-01 at 19.44.29.png
Screenshot 2021-07-01 at 19.44.29.png1550×501 21.3 KB

2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >styles.css and paste this at the bottom of the file:
.test-bar__item.test-border.testimonial-slider {
height: 150px;
width: 50%;
border: 1px solid #e8e8e8;
border-radius: 25px;
background-color: #fff;
padding: 2%;
padding-top: 2%;
margin: 0 10px !important;
}
3

Thanks Pallavi. That’s helped a lot with the aesthetics. I’m still trying to make it extend to the width of the page, rather than container it’s in, and can’t seem to find which CSS rule is blocking this at the moment.