Connor1234 Posted January 4, 2021 Share Posted January 4, 2021 I have a couple of summary blocks set up to scroll through "Laurels" and "Testimonials" on my website, however, the default white coloured next and previous carousel arrows can't be seen for the Laurel summary block since the section background is also white. I ended up using a chrome plugin called the "block identifier" to give each summary block its own unique code, allowing me to style the colour of the arrows for each specific summary block in the Custom CSS section. I managed to change the colour of the arrows so they are now visible, but the left arrow in the Testimonial summary block has changed to the same colour as the ones I have altered in the Laurel summary block. Now there is a red left arrow and a white right arrow. I can't seem to fix this at all. I don't know if it's a bug or if I'm doing something wrong. I have attached both the Custom CSS code I have used and an image to give more clarification around the issue I'm having. Thanks guys! I hope someone can help. //Testimonial Summary Block CSS #block-yui_3_17_2_1_1606707544322_12268 .sqs-gallery-controls .next:before, .sqs-gallery-controls .previous:before { color: #f0f0f0; } #block-yui_3_17_2_1_1606707544322_12268 .summary-carousel-pager { width: 100px; position: absolute; top: -2px; left: 395px; } //Laurel Summary Block CSS #block-yui_3_17_2_1_1609573237360_12217 .sqs-gallery-controls .next:before, .sqs-gallery-controls .previous:before { color: #9c0000; } #block-yui_3_17_2_1_1609573237360_12217 .summary-carousel-pager { width: 100px; position: absolute; top: -10px; left: 545px; } Link to comment
tuanphan Posted January 6, 2021 Share Posted January 6, 2021 Can you share site url? We can help easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Connor1234 Posted January 7, 2021 Author Share Posted January 7, 2021 https://opossum-impala-dkm7.squarespace.com Let me know if this link works. Thanks! Link to comment
tuanphan Posted January 8, 2021 Share Posted January 8, 2021 On 1/7/2021 at 2:21 PM, Connor1234 said: https://opossum-impala-dkm7.squarespace.com Let me know if this link works. Thanks! Hi. Your site is private. You can setup password & share url again. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.