Site URL: https://www.pmdpainting.com/home-1
Hello-
I'm looking for help with the summary block. I put some css code (see below) in to make the thumbnail smaller and a circle as well as displaying the title to be larger. After I did that the arrows for next and previous disappeared. There is one more testimonial in the blog that I used for the summary block but as you can see, it isn't showing up. However, when I reload the pages, the arrows flash so it looks like they're there but behind the other elements if that makes sense...
Thanks in advance for the help!
-----
#block-yui_3_17_2_1_1646326611230_6701 .summary-thumbnail {
overflow: visible !important;
border: none;}
#block-yui_3_17_2_1_1646326611230_6701 .summary-item-list {
pointer-events: none;}
#block-yui_3_17_2_1_1646326611230_6701 .summary-item-list img {
border-radius: 100% !important;
height: 150px !important;
width: 150px !important;}
#block-yui_3_17_2_1_1646326611230_6701 .summary-thumbnail-outer-container {
height: 150px !important;
width: 150px !important;
margin: 0 auto;}
#block-yui_3_17_2_1_1646326611230_6701.summary-title {
margin-top: 30px !important;
font-size: 1rem !important;
font-family: playfair-display;
text-align: center !important;
pointer-events: none;}
#block-yui_3_17_2_1_1646326611230_6701 .summary-excerpt {
margin-top: 30px !important;}
#block-yui_3_17_2_1_1646326611230_6701.summary-excerpt p {
font-size: 24px !important;
line-height: 1.6em !important;
text-align: center !important;}
#block-yui_3_17_2_1_1646326611230_6701 .sqs-gallery-design-carousel .sqs-gallery-controls {
width: 100%;
padding-right: 30px;}
#block-yui_3_17_2_1_1646326611230_6701 .sqs-gallery-design-carousel .sqs-gallery-controls .next:before {
color: #ffffff !important;
font-weight: 700 !important;
font-size: 1.5rem !important;}
#block-yui_3_17_2_1_1646326611230_6701 .sqs-gallery-design-carousel .sqs-gallery-controls .previous:before {
font-weight: 700 !important;
font-size: 1.5rem !important;}
