-
Posts
14 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Posts posted by mikemobley
-
-
Site URL: https://www.myontrackrealty.com
Hey guys, on every single page here, when the mouse hovers over an image it blurs it for some reason. I can't find a setting anywhere to disable this. How can I get it turned off?
You can see on the home page an example and another example here on this page as you hover over the main image - https://www.myontrackrealty.com/holiday-guide
Any help?
-
19 minutes ago, tuanphan said:
Try adding this code for mobile
@media screen and (max-width:640px) { .sqs-gallery-block-slideshow .slide.loaded .meta { margin: 0 !important; height: auto !important; transform: translate(-50%,-50%) !important; width: 100% !important; }}
Thank you so much! This was perfect and it did it!
-
Site URL: https://www.myontrackrealty.com/home-in-dallas-texas-testing
Hey guys, on this page right here, on mobile, it shows the slideshow at the bottom (testimonial slideshow) but the text won't show all the way and then strangely moves around on the following slides. I have this in CSS custom. In fact, I have this for the whole page for the desktop version of the slideshow and the mobile.
Any help on the mobile part getting fixed please?
/* slider with text overlay */.sqs-block-gallery .sqs-gallery-block-slideshow {
max-height: 500px !important;
.sqs-gallery-design-stacked-slide {
max-height: 500px !important;
overflow: hidden;
img {
transition: Slide 300ms !important;
}
}
.meta {
background-color: transparent;
max-width: 100% !important;
transition: Slide 700ms !important;
-webkit-transition: Slide 700ms !important;
-moz-transition: Slide 700ms !important;
-ms-transition: Slide 700ms !important;
}
.meta-title {
text-align: center;
font-size: 20px;
text-transform: uppercase;
letter-spacing: 2px;
padding: 6px 20px;
color: #042663;
}
.meta-description p {
text-align: center;
color: #ffffff;
font-size: 22px;
letter-spacing: 1px;
padding-top: 4px;
max-width: 550px;
}
.meta-description a:link {
color: #9DB0D8;
text-align: center !important;
}
.sqs-gallery-design-stacked-slide:hover {
img {
-webkit-filter: blur(3px);
filter: blur(3px);
}
}
}@media screen and (max-width:480px) {
/* Show description */
.sqs-gallery-block-slideshow .meta {
display: block !important;
}
/* Font size */
.sqs-gallery-block-slideshow .meta * {
font-size: 8px !important;
}
}
Centering Promotional Pop Up Header Text
in Customize with code
Posted
Hey guys trying to center the header text "sign up for emails" on mobile and I had this:
@media screen and (max-width:767px) {
.sqs-slice-body-content * {
text-align: center !important;
}
}
But that is not working.
Any help please?