Adaptive

Site URL: https://fish-sailfish-58dj.squarespace.com/

How can I change the project links on a 7.1 Hover Background Portfolio to custom links? 

I want the project titles on this page https://fish-sailfish-58dj.squarespace.com/home2

To go to https://fish-sailfish-58dj.squarespace.com/weddings etc

I have tried adding <a href="weddings">weddings</a> to the project title but it kills the styling and the hover effect.

I have also tried URL mapping from /home2/weddings to /weddings but that doesn't work either 

The password is Golcar for the test site

I have actually just tried POWr which seems to work ok.

HI guys, I am currently building a site for a client and they would like customers to review their products.

I have done a quick search and seen that I can install a widget such as Wiremo (way too expensive for my client) but I was wondering if anyone has tried using one on 7.1?

Many thanks

Tom

On 1/21/2020 at 1:49 PM, paul2009 said:

In the circumstances @Adaptive you'll probably want to set the minimum height of the text. That way, the buttons are also aligned.

For example, this CSS would probably work at the maximum width, but you'll need to wrap a number of these in media queries to adjust the height at smaller widths:

#collection-5df0cfba33e7090f1f46f853 .image-subtitle-wrapper {
  min-height: 134px;
}

The reference to '#collection' is there to ensure that this only affects this one page. Anyone else using this would need to adjust the collection ID accordingly for their site. 

Here's a media query example for anyone who needs it. 

/* On screens that are less than 768px wide  */
@media screen and (max-width: 767px) {
  [the css goes here]
}

 

Cheers Paul, I will give it a try when I get back onto that job.

Hi guys, incase anyone is interested I signed up for a basic Vimeo account and hosted it on there, it seems to work well and loads faster than a big GIF>

I'm having problems uploading the GIF onto the forum so I can't show it unfortunately. It is essentially the same animation as the youtube video.

Hi folks

I'm wanting to have an animated image on the top of my homepage in a full width banner showcasing some recent work. I'm wondering for speed/site performance, is it better to have a hosted MP4 on vimeo/youtube or an animated GIF? The animated GIF I have created is about 12mb so wondering if a youtube video which is pulled through is better for site speed?

This is the video link 

This is the gif which squarespace seems to compress from an image quality when its uploaded.

The site is here and the password is: Test

https://tuna-soybean-3hc9.squarespace.com/

On 1/18/2020 at 12:21 PM, tuanphan said:

You can set fixed height, or min-height for all blocks on that page.

For the community to help, we generally need a working link to the page on your site. 

Hi, the link is at the top of the post https://www.hosetechnologies.com/industrial-rubber-hose-products

Hey folks

I have many rows of image stack blocks here https://www.hosetechnologies.com/industrial-rubber-hose-products

What I am trying to do is have them so that each image stack block is the same height across the row

I have tried adding paragraph returns etc but it is just a bodge. 

I have found this post below but can't figure out how to target a row and then the individual columns within the row.

Any help on how to target a row and then make them all the same height would be greatfully appreciated.

Tom