Glencairn
-
Posts
9 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Posts posted by Glencairn
-
-
Site URL: https://www.glencairnfurniture.co.uk/
Hi,
My testimonial slider doesn't show arrows on desktop but does show on mobile? I have the following code under 'custom CSS'. Can you please help?
.has-site-title .Header-branding {font-family: 'GASALT THIN'; letter-spacing: 1.5px;}
//BlockQuoteFontColour//
blockquote {
color: #bc9f6a;
font-family: futura-PT;
letter-spacing: 0em;
font-weight: 300;
}
.quote-block .source {
color: #bc9f6a;
padding: 16px 20px;
font-style: italic;
font-family: futura-PT;
}//CaptionOverlay//
.image-caption-wrapper {
opacity: 0;
text-align: center !important;
top: 0 !important;
position: relative;
pointer-events: none !important;
}&:hover,
&:focus {
opacity: 1;
}.image-caption {
left: 50%;
position: absolute;
top: 50%;
width: 100%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}.image-caption p {
font-family: futura-pt;
font-size: 18px !important;
font-weight: 400 !important;
color: #bc9f6a !important;
line-height: 120% !important;
letter-spacing: 1px !important;
opacity: 1 !important;
}.sqs-block.sqs-block-editable:not(.sqs-block-editing) .sqs-dd-invalid-handle {
cursor: default;
pointer-events: all !important;
}.sqs-block-image .image-block-outer-wrapper.layout-caption-overlay .intrinsic .image-caption-wrapper .sqs-block-image .image-block-outer-wrapper.layout-caption-overlay-hover .intrinsic .image-caption-wrapper {
background: rgb(88,120,53) !important;
opacity: .1 !important;
}.image-caption-wrapper { max-height: 100% !important; }
//fullbleedslideshow//
#slideshow {
min-height: 100%;
width: 100vw !important;
height: auto;
position: fixed;
top: 0;
left: 0;
}/* Prevent Hyphenation */
p, h1, h2, h3 {
-webkit-hyphens: manual !important;
-moz-hyphens: manual !important;
-ms-hyphens: manual !important;
hyphens: manual !important; }@media screen and (max-width:640px) {
body.homepage article.Index-gallery-item * {
font-size: 12px;
}
}
section#testimonialslider {
min-height: unset !important;
height: 200px;
} -
Was there ever a fix on this? I tried both approaches but neither allowed me to change my background colour. 🤔
Testimonial slider arrows not working on desktop
in Customize with code
Posted
Terrific! It's worked! Thank you 😃