ruralstudio

Hello all,

I have been asked by a client to make some updates to their self-catering accommodation site.

If you visit the current site, you'll see that it currently sends users off-site (via text hyperlinks & buttons) to check availability and book. 

The client's bookings are all managed by Reslynx and Guestline, and the page users currently book through was custom-built by another agency a while ago.

My question is do you think it would it be to design, build and embed :

• one main date picker/calendar which searches availability across all properties
• date picker/calendars for each individual property
  
  Ideally I'd like these to be embedded throughout the site - similar to the Lodgify widgets I added for another client: www.guardswell.co.uk/stay

The above is beyond my technical capabilities, but before I even start exploring this with developers I thought I'd see if anyone here had done something similar and had some advice?

Thank you!

I am also looking for some advice on the above!

Still desperate for this feature 

Got it, that worked - thank you 🙏

Hi Ziggy,

Thanks for your reply. I did this but unfortunately there is still a tiny gap - any ideas?

Thanks a lot for your help

Hello all,

I'm designing a new section for my cleint's home page and would like to use alternating half page images, however I keep ending up with a tiny gap in the middle. Is there a way to make them align perfectly in the centre?

Thanks in advance!

Worked perfectly, thank you @tuanphan 🌟

Hi there, I'm trying to change the colour of the title on one of my client's portfolio tiles on the home page from black to white on hover (see image attached)

Tried to get the section ID but it's obviously selecting the entire portfolio. Can anyone help?

https://shark-bumblebee-p366.squarespace.com/

Thanks in advance

I didn't even think to look here 🤦🏼‍♀️ thanks so much!

Hi there,

I used the following code to position my client's logo in the center of all navigation on desktop (split navigation). Works well, however on mobile the logo is positioned on the left. I've tried a few things but can't seem to move it to the center. Is anyone able to help?

Quote

 

// SPLIT NAVIGATION //

.header-nav {
    position: absolute;
    top: 55px;
    bottom: 0;
    margin-top: 0!important;
    margin-left: 0px!important;
}

.header-nav-item:nth-of-type(4) {
    margin-right: 300px!important;
}

.header-title-logo a {
    z-index: 1000;
    position: relative;
}

.header-display-desktop .header-title {
    flex: 0 0 40% !important;
    z-index: 999999999;
}

 

site password: guardswell2023

Many thanks!

Thank you Ziggy. You mentioned earlier hiding second and third events to stop tiles from stretching. Have you done this before? Would you mind sharing how if so? Thanks so much

Alternatively, is there a way to display text only for all days - ideally in square format. I think it's the combination of image and text that really doesn't work for me! Thanks 🙂

Hi there,

I'm looking to find a way to prevent the tiles/thumbnails on my clients calendar from stretching vertically when we upload multiple events. As you can see in the image attached it looks pretty messy. Is there a way to keep them square format, but still hover over text to see more? 

Thanks in advance for any help!

https://orchid-aardvark-ly75.squarespace.com/events

Still nothing on this? I have one client who is looking to move platform because there's been no progress with this 😞

I have several clients who would really like the ability to set weekly recurring events on their calendars. Please keep us posted of any updated 🙏 so much time wasted duplicating and changing details on weekly events.

Yes that's right, thanks

Hi @tuanphan - it's eventfulspaces

Thanks

Hi there,

I am trying to change the default link when a user clicks on a thumbnail image on an events calendar item so that it takes them to the contact page (https://bobcat-purple-8ttl.squarespace.com/contact) rather than open up an event listing (blog) page. 

Does anyone know if this is possible?

Thanks!

Hi there,

I'd like to replace the gallery block arrows/navigation with a custom image, like below.

I'd ideally also like these to appear on the outside of the block, rather than over the top of images.

Any help much appreciated!

Thanks

On 5/1/2023 at 9:51 AM, ruralstudio said:

Hi, thank you but sadly this hasn't seemed to work. I removed the previous piece of code - but maybe I'm missing something?

On 5/1/2023 at 1:30 AM, tuanphan said:

Add to Design > Custom CSS

/* Summary block custom arrows */
div#block-bbd3a0f973f22d6103a8 {
.sqs-gallery-controls .next, .sqs-gallery-controls .previous {
    background-image: url(https://content.invisioncic.com/p289038/monthly_2023_04/heart-arrow-left.png.dc3b32b710c169a07350cba2c41abf04.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent !important;
}
.sqs-gallery-controls .previous {
    background-image: url(https://content.invisioncic.com/p289038/monthly_2023_04/heart-icon-right.png.b1403153d4b4a22c29b1cc99f821210a.png) !important;
}
.sqs-gallery-controls .next:before, .sqs-gallery-controls .previous:before {
    visibility: hidden;
}
}

Hey Tuanphan, if you have any advice it'd be so appreciated 🙏 thanks

8 hours ago, tuanphan said:

Add to Design > Custom CSS

/* Summary block custom arrows */
div#block-bbd3a0f973f22d6103a8 {
.sqs-gallery-controls .next, .sqs-gallery-controls .previous {
    background-image: url(https://content.invisioncic.com/p289038/monthly_2023_04/heart-arrow-left.png.dc3b32b710c169a07350cba2c41abf04.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent !important;
}
.sqs-gallery-controls .previous {
    background-image: url(https://content.invisioncic.com/p289038/monthly_2023_04/heart-icon-right.png.b1403153d4b4a22c29b1cc99f821210a.png) !important;
}
.sqs-gallery-controls .next:before, .sqs-gallery-controls .previous:before {
    visibility: hidden;
}
}

Hi, thank you but sadly this hasn't seemed to work. I removed the previous piece of code - but maybe I'm missing something?

Hi Tuanphan,

I've actually just had a request from client to change the arrows to images of sideways facing hearts instead...

And ideally display these on either side of the gallery block, instead of on top of the images.

Do you have any advice for this please? Appreciate all your help so far!

Images attached incase useful, but I know I'll need to upload these to the site custom files.

On 4/8/2023 at 10:04 AM, tuanphan said:

Above code for Gallery Section. But you are using Gallery Block, so need this code

/* Gallery Block arrows */
.sqs-gallery-controls .next:before, .sqs-gallery-controls .previous:before {
    font-size: 50px;
    width: 50px;
    height: 50px;
    line-height: 50px;
}

 

Thank you @tuanphan! This worked, but I wondered how I can make the line/stroke width thicker/bolder too?

Thanks

Sorry, the pages below:

https://bobcat-purple-8ttl.squarespace.com/civic-house

https://bobcat-purple-8ttl.squarespace.com/civic-house-2

Hi there, I tried using this same code for a slideshow on my website and nothing is changing. I've used similar code on  other sites before and worked fine. Would anyone be able to help?

Thanks!

site:  https://bobcat-purple-8ttl.squarespace.com/

password: eventful2023