creedon

I just edited a blog post with no issue. The issue appears to not be happening on all sites. Not much help but it's a data point.

Is this getting closer? I used the following CSS to make the first image show the whole image. .gallery-section .gallery-grid-item:first-child .gallery-grid-item-wrapper img { object-fit : contain !important; } This code is not a solution but example code to show what might be achieved with a gallery section and some CSS. The spacing is a bit uneven as I'm mixing stock SS images with examples of your images. Your images have a border around them. The stock ones don't. Obviously if you filled a gallery with your images my example image would look even closer to your images blocks.

When you need help please ask and don't feel bad! Even if you don't answer a question, asking a question is contributing as someone else may benefit from any answers to your questions. 🙂

It appears to be white text on a white background so you can't see the text. I made the background red locally so I could see what is going on. You'll want to edit your colors. Let us know how it goes.

First issue. Please see the following for an explanation why that ID won't work. Let me see if I understand what I think you are trying to accomplish. It appears you want to be able to provide a URL to the wedding page that will automatically pop the form when the URL is visited without having to click the RSVP button?

The Gallery Section set to Gallery Type Grid: Simple seems to be close to what you want in terms of layout.

We can't get in.

When you say click through do you mean you want the be able to navigate to the next image and see it in a lightbox, kind of like you would with an actual gallery? Also you've not provided, that I can tell, the URL to the page with the image blocks on it. Without that page it will be hard for anyone to try and come up with code. I also clarified my previous post. That JavaScript would be needed, if the effect can indeed be achieved. I don't know for sure that it can. I wonder if it would be possible to restructure an actual gallery into the format you do like. That way you wouldn't have to recreate the more complex functionality, comparatively, of navigating between images in the lightbox.

Putting blocks in the footer to be used in other locations is a common technique to do what you want. You then use CSS to hide bits in the footer and then some CSS and/or JavaScript to move things into place. Please see Blocks Boilerplate. Let us know how it goes.

Please see my updated Wednesday post. For the CSS you need to install.

Please see the following. No. CSS can not get the job done as you can't make links with CSS.

You don't have to wait. If you use the trial period install steps and then go to a paid plan the code will still work. The advantage that the paid plan install steps has is that you don't have that huge chunk of code taking up space in Settings > Advanced > Code Injection > HEADER. I have updated the install instructions to hopefully be more clear and address some issues folks have had with following them. Please give them a look-see and let us know how it goes.

That code is several posts after the one I pointed to. Use the code cited from the post I linked to. It will contain the line Please see Site Wide Image Borders.

Is the code installed now? I'm not seeing any signs of it.

Please see the following.

Please see the following.

Is your site in trial mode or are you on a paid plan?

Yes. I have updated the link in my October 30, 2020 post.

Please see the following.

SS doesn't provide this behaviour by default. It might be possible to create some custom JavaScript code to do this but I'm not aware of anyone who has created such code. For the product detail page access to the needed data is already buried in the page. I would think the proper implementation would be to scan the data and then add some text to the page warning the site visitor that some variants are sold out. Telling them the product is sold out when there are some variants available would be a mistake I think. SS does not expose the needed data on the product listing page. Again with some custom JavaScript it may be possible to access the needed data and then add a similar warning about some variants not available. If no code exists then you would need to hire a consultant who can develop code. First they would have to determine if it is even possible.

Add the following to Design > Custom CSS. .user-items-list-carousel__slide .user-items-list-carousel__media { filter : invert( 1 ); } .user-items-list-carousel__slide:hover .user-items-list-carousel__media { filter : invert( 0 ); } This is for v7.1. I noticed the following image would not invert. Let us know how it goes.

It appears you solved this issue?

Calendar blocks do not provide the category and tag metadata so there is no built-in way to use them to create CSS rulesets from. The calendar blocks also do not distinguish the first day of a multi day event. In CSS they are just marked as multi day. With JavaScript it is possible to examine multi day events and add a class to the first day of a multi day event. Please see Calendar Block Multi Day Event First Day Class Add. Then you'd add something like the following to Page Settings > Advanced > Page Header Code Injection for the page. Please see per-page code injection. <style> .yui3-squarespacecalendar .compact-layout .yui3-calendar-day.has-event.twc-cbmdefdca-multiday-first { background-color : CornflowerBlue; } </style> Let us know how it goes.

CSS can not make elements clickable. For that you would need JavaScript. If the effect can be achieved. Image blocks have a lightbox feature.

Please see the following. Let us know how it goes.