gromova_photo

Hi @tuanphan, Tried both already, but didn't work, unfortunately. Any other way you know?

Hi @tuanphan, That's amazing! Thank you very much! One last thing - is it possible to exclude the list item description from being a link (so only the image and button are clickable)? Also, I would like it to be applied only to a specific carousel, not to all of them. Is there a way to inject a code to the specific page footer? (I know there is a possibility to inject to a specific page header, but would like to avoid that if possible). Or, maybe, there is a way to assign a script to a particular carousel?

Hi @tuanphan, My site is live, so unfortunately I can't keep the main page with that, so I created a duplicate (including button animations I have) and used your code (but changed the section ID accordingly), so you can check. Please see here: https://gromova-photo.com/portfolio-test Password: testcarousel Thank you!

Thanks @tuanphan, however, this doesn't work properly. Please see the video: https://share.zight.com/4guRl46G It provides exactly the same result as the one I've tried before - the button is moved to the image and still visible on hover. What I need is to keep the button below the image (how it is working now) and make the image clickable.

Hi @tuanphan, I have a similar request and tried to use different solutions provided earlier, but none have worked as I needed. Here is the page: https://gromova-photo.com/portfolio The target carousel block is "personal branding photoshoots". I already have the buttons with links added, alongside some custom animation for buttons and images on the carousel. What I require is to add links from buttons (each button forwards to a different page) to the respective images, so that they are not just coloured on the hover, but also clickable. At the same time, I would like to keep the buttons as they are. Could you please kindly help with that?

Thanks, do you know how the video uploaded to YouTube or Vimeo is processed? What quality is displayed from there? The highest? The lowest? And is it actually loading quicker than the same video uploaded directly to Squarespace?

I recently spotted, that my original video (1280×720, 765KBs) used for the background somehow ended up being a full HD 1920×1080 and 4.5MBs once Squarespace processes it. After chatting with the support and looking through the docs, I found out that any video uploaded is processed automatically and made to 1080p or 360p and there is no any control for the user over it. However, it stays completely unclear how it is defined, and to which resolution the particular video will be changed as well as it makes completely no sense to try reducing the original file in order to speed up the page load. Therefore, it opens a question, how do you guys get the best results in terms of speed/video quality for sites with video? Any suggestions are appreciated. I would like Squarespace to at least highlight that explicitly when the user is uploading the video, not even saying that the “encoding” they are doing is just awful, but do not even hope for that 😕

I've already found how to achieve what I wanted initially, so the code is following (colors are changed for a better visibility): section[data-section-id="6419714a27dc5f7ed295827e"] .section-background { background: linear-gradient(to bottom, #f7ebe1 0%, #928b86 100%); } section[data-section-id="641989c5f066bc053d946bb3"] .section-background { background: linear-gradient(to bottom, #928b86 0%, #282828 100%); } However, question is that to achieve that I was required to use an “intermediate” color which was manually defined, while I was searching for a solution to use only starting and ending colors, is there anything like this possible (to "merge" the background of 2 sections)?

Hi @tuanphan, Sorry, the content has changed a bit since I posted the original message. These two sections, on the https://gromovaphoto.squarespace.com/about page

@vccc try this: .user-items-list-item-container { .user-items-list-carousel__slide { pointer-events: initial !important; } li img { transition: 1s; } li img:hover { *your effect here* transition: 1s; } } However, it is supposed to apply one effect to all items in the carousel. If you need to apply per specific item you will probably need to use li:nth-child(1)

Hi everyone, I am pretty new to Squarespace as well as its CSS and can't get, how to properly create a shared background for 2 sections. I am mainly interested in the following: having a gradient background starting from the top of the section: "You should probably know" section[data-section-id="6419714a27dc5f7ed295827e"] and ending just before the footer, in the bottom of section: "All about/not about" section[data-section-id="641989c5f066bc053d946bb3"] so the transition of the colour will be smooth. I've already tried a few options with having a page-wide gradient applied (applying it to .site-wrapper and using empty .section-background classes), however, that doesn't seem to be the right way. URL: https://gromovaphoto.squarespace.com/ Pass: swiss Appreciate any help!