Kalie
-
Posts
63 -
Joined
-
Last visited
2 Followers
Kalie's Achievements
-
tuanphan reacted to a post in a topic:
How to make vertical tab slider responsive for mobile
-
How to make vertical tab slider responsive for mobile
Kalie replied to Kalie's topic in Customize with code
Thanks, tuanphan! I appreciate you taking a look at this. It stacked the tabs horizontally (which is great), but the layout was off and the tabs weren't expanding/retracting properly. The CSS you provided was really helpful, though! Because of it, I was able to come up with a workaround. Here's what I used: //Tab Slider Mobile @media (max-width: 620px) { .main-box { flex-direction: column; width: 100% !important; .box { width: auto !important; height: auto !important; span { writing-mode: unset !important; transform: unset !important; position: relative !important; width: auto !important; left: unset !important; height: auto !important; } .detail { position: relative !important; width: auto !important; height: auto !important; display: none !important; margin-top: 14px; } &.active { width: auto !important; .detail { display: block !important; } } } } }- 5 replies
-
- 1
-
-
- code
- code-injection
- (and 3 more)
-
I built a vertical tab slider using a code block, but can't seem to get the formatting right for mobile. I'm still a newbie when it comes to CSS/HTML so I'm feeling a bit stuck. Is there a way to... Make the tabs horizontal in mobile view? Format the height/width of the block for better responsiveness? Or, another way to display them for better visibility? Code: https://codepen.io/skkhan/pen/MWWdXbb Goal: https://www.squarestylist.com/shop/vertical-tabs
-
Kalie reacted to a post in a topic:
Decrease padding of Newsletter block
-
Looking for a customizable job board plug in with filter
Kalie replied to JanaK's topic in Customize with code
Hey @tuanphan! We're using the Filter Plugin + Blog Page + Summary Block that you mentioned to build a similar feature. Is there a way to format the fields side-by-side horizontally, so they show above the entries? If not, how would we increase the padding between the filter section and entries? Website: https://www.theleadherboard.com/jobs -
Kalie reacted to a post in a topic:
Looking for a customizable job board plug in with filter
-
tuanphan reacted to a post in a topic:
How to add lightbox to carousel images (in auto-sections)
-
Hey there! We recently brought on a batting cage facility (baseball) as a client, and we're trying to figure out how to limit the number of appointments someone can make – using Acuity Scheduling if possible. For instance, the daily rental option is pretty straightforward. Someone can schedule a 4-hour block and pay for it. However, we're having issues navigating the weekly (8 hours) and monthly (48 hours) options. Is it possible for a user to pay for a larger block of hours (e.g. 8 hours) and schedule appointments (e.g. 2) up to that capped amount? Thanks in advance for your help! Here's the client website for reference: https://www.bluecollarbattingcage.com Password: baseball
-
How to add lightbox to carousel images (in auto-sections)
Kalie replied to Kalie's topic in Customize with code
Perfect, that did the trick. Thanks again for all your help! I really appreciate it. -
How to add lightbox to carousel images (in auto-sections)
Kalie replied to Kalie's topic in Customize with code
I went ahead and purchased the plugin, added the files, injected the plugin code in settings, and injected the code you provided into the page header. We were wanting to lightbox the carousel of images on the New Homes page. However, there doesn't seem to be a way to link them using the lightbox URL for blocks (form/image/gallery). I ended up creating a gallery section below (vs carousel list) and I think I've got it working now. The gallery had a place where you could link each image, but the carousel did not. Would you happen to have any tips for styling the arrows like the previous carousel?
-
Kalie changed their profile photo
-
Site URL: https://www.llanonewhomes.com/new-homes Is there a way to add lightbox to carousel images? The floor plans on this website are currently displayed using Squarespace's new auto-sections, but I'm not seeing a lightbox option anywhere. Thanks in advance!
-
Customize the submit button in a lightbox form
Kalie replied to Kalie's topic in Customize with code
Perfect! That did the trick. Thanks for all your help! That one had me stumped. -
Site URL: https://marigold-mouse-h28x.squarespace.com/team Does anyone know how to change the font of the submit button (in a lightbox form). I was able to update the color in CSS, but am having troubles matching it to the other button styles. Password: suitup
-
Sorry for the delay! Yes, that's the correct section. I'm trying to mirror the hover effect on the portfolio page (Capsules). Right now, I have the images set to 'poster' and it doesn't provide any hover options. Do I need to format the photos to something else, or is there a way to code this?
-
Site URL: https://marigold-mouse-h28x.squarespace.com Hi there, I'm still learning my way around CSS and could really use some help. I'd love to make a section of images on the homepage mirror the hover effect that happens on a portfolio page. Does anyone know how to do this? Template: https://growwell-demo.squarespace.com/programs Site Preview: https://marigold-mouse-h28x.squarespace.com Password: Suits
