TigerLily67
-
Posts
10 -
Joined
-
Last visited
TigerLily67's Achievements
-
Hi @tuanphan, I couldn't get it to work properly, so I manually added the shadow and output all those images as PNG files. It's much less elegant, but I couldn't wait any longer. The 'Therapy Offerings' on the Home page still use the code and look great. However, I could not find any way to make it work on fluid image containers. I am using the alt image tags for SEO, so I do not think your suggestion is possible. Please correct me if I'm wrong.
-
@tuanphan do you have any other ideas? This didn't work. See message above.
-
Thanks, @tuanphan. It doesn't quite work. It doesn't wrap to the exact shape, especially if you resize the window. It also adds it to all images, even ones not in a shape wrapper. Since the shapes are controlled by SVG, is there a way to apply the drop using it? Also, I don't understand why it works so perfectly with the list view and the map block but not the data-shape mask.
-
Hi! I want to apply the same box-shadow attribute to every image shape but cannot determine the driving element. As you can see in the attached image, I could easily use this to style the list. I also applied it to the map code block. .user-items-list-simple .list-item-media-inner[data-aspect-ratio="circle"] { -webkit-box-shadow:10px 7px 0 -2px #c8cda3; box-shadow: 10px 7px 0 -2px #c8cda3; } However, I could not figure out how to apply it to images within shapes. I tried this, among many other things. I cannot get anything to work: .fluid-image-container .sqs-image-content { box-shadow: 10px 7px 0 -2px #c8cda3; } /*OR THIS*/ .sqs-block-image .design-layout-fluid .fluid-image-container .content-fill { box-shadow: 10px 7px 0 -2px #c8cda3; } Site link: https://corn-ferret-28x9.squarespace.com/home pw: Zippy12345 I would appreciate any help. If there is a cleaner way to do it, I'm open to suggestions.
-
Hi! I'd like to apply the same box-shadow to every image shape, but I cannot figure out the driving element. As you can see in the attached image, I was able to use this and style the list easily. I also applied it to the map code block. .user-items-list-simple .list-item-media-inner[data-aspect-ratio="circle"] { -webkit-box-shadow:10px 7px 0 -2px #c8cda3; box-shadow: 10px 7px 0 -2px #c8cda3; padding-bottom: 100%; padding-right: 100%; border-radius: 50%; } However, I could not figure out how to apply it to images within shapes. I tried this: .fluid-image-container .sqs-image-content { box-shadow: 10px 7px 0 -2px #c8cda3; } Site link: https://corn-ferret-28x9.squarespace.com/home pw: Zippy12345 Any help would be appreciated. If there is a cleaner way to do it, I'm open to suggestions.
-
Text Box Background Color and Blur on Mobile
TigerLily67 replied to TigerLily67's topic in Fonts, colors and images
OK. done. But what about positioning? Will I be able to stack them so they're in the same space? I'm unclear how this works. 🙂 -
TigerLily67 reacted to a post in a topic:
Text Box Background Color and Blur on Mobile
-
Text Box Background Color and Blur on Mobile
TigerLily67 replied to TigerLily67's topic in Fonts, colors and images
I'm sorry, I don't understand. The exact same text box will appear on the home page, only it should be text only. -
Text Box Background Color and Blur on Mobile
TigerLily67 replied to TigerLily67's topic in Fonts, colors and images
@Lesum try Zippy12345 -
Text Box Background Color and Blur on Mobile
TigerLily67 replied to TigerLily67's topic in Fonts, colors and images
Hey @Lesum, thanks for your help. The password is Zippy. Currently, the box is shown on the homepage and styled correctly. However, as shown in the image above, I need it to ONLY appear on mobile. -
I want to add a color and background blur to a text box that only shows on the mobile. Currently, it's either both or nothing. Any help is appreciated. https://corn-ferret-28x9.squarespace.com/
