Ptphotography

Hello everyone. I need your help please. I am on my knees.

My social sharing image shows different pictures in 2 different social media platforms: WhatsApp, Linkedin. I want to show the picture in WhatsApp across all social media platforms. What can we do to get rid of the camel in linked in?
Thank you you,
K

Hi @tuanphan please, can you help? Thank you!

@tuanphan you are amazing thank you so much!

Last favour, how do apply the same arrow on mobile?

Thank you!

1 minute ago, paul2009 said:

As @Ziggy said, this is an essential accessibility feature. 

When you navigate a Squarespace website using the keyboard, a box appears around the active element. The line is part of this box. This is necessary to meet accessibility standards. See this thread:

 

Thank you so much @paul2009. I do understand the purpose of it. I'm about to let it go but then I remember I posted a similar question a 2 years ago:

Is it possible to tweak the code?
Much appreciated,
K

Thank you @Ziggy The grey line doesn't appear when I click next(right) arrow on the website itself. Can you try viewing the next picture by using the arrow keys on your keyboard? Or have you already done that? Grey line only appears when I use my keyboard. Which is problem for as you see we are trying to sell fine arts 🥲

Any way around it? Thanks!

 

Good day,

I need your help. Can anyone figure out why a grey line appears whenever I scroll through my gallery?
This appears when I use the arrow keys on my keyboard. Thanks a lot!
https://www.ptphotography.com/taj-mahal-india0007-copy

On 1/5/2023 at 6:25 PM, timprsn said:

.user-items-list-carousel__arrow-container svg {
	display: none;
}

.user-items-list-carousel__arrow-button.user-items-list-carousel__arrow-button--right div {
	background-image: url("url of png of your right arrow");
  	background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: 30px;
    height: 30px;
}

.user-items-list-carousel__arrow-button.user-items-list-carousel__arrow-button--left div {
	background-image: url("url of png of your left arrow");
  	background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: 30px;
    height: 30px;
}

Try adding this to Design > Custom CSS.
You will have to upload a png for each arrow, one left and one right.

@timprsn Thank you so much for reaching out.  I have tried applying this but it didn't work for me. Here is the code I applied:

.user-items-list-carousel__arrow-container svg {
	display: none;
}

.user-items-list-carousel__arrow-button.user-items-list-carousel__arrow-button--right div {
	background-image: url("https://static1.squarespace.com/static/5ecaa390dc0263594e112004/t/63bd203b0651752a4e494c11/1673338939042/right.png");
  	background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: 30px;
    height: 30px;
}

.user-items-list-carousel__arrow-button.user-items-list-carousel__arrow-button--left div {
	background-image: url("https://static1.squarespace.com/static/5ecaa390dc0263594e112004/t/63bd204aa3107f3ecd913c63/1673338954062/left.png");
  	background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: 30px;
    height: 30px;
}

Please advise what I did wrong. Thank you!

16 hours ago, bycrawford said:

Hey K - use this:

.form-wrapper .field-list .field .field-element:not(.button) {
  background: red;
  border: solid 1px red;
}

 

Thanks a lot. It worked!

4 hours ago, bycrawford said:

Hey K, here is the code:

.form-wrapper .field-list .field .field-element:not(.button) {
  background: red;
}

 

So cool thank you so much!

To wrap it up, how do we change the grey stroke red as well?

Many thanks,
K

13 hours ago, tuanphan said:

What is page url? We can check easier

Thank you @tuanphan here it is: https://www.ptphotography.com/india-gate-i-india0001

I need your help please. I need to change the form field - text block color to red. Like so:

Thank you so much in advance!

All the best,
K

Good day, 

Please help change the design of my arrow.

Here the link of the arrow I want replaced:

https://www.ptphotography.com/india-gate-i-india0001

This is the arrow I design I would like to duplicate (I would like it in red if possible):

Thank you in advance!

21 minutes ago, joseph81 said:

The space between images could be resolved for example with this CSS code:

@media (max-width: 767px)
  .gallery-grid-item img {
      object-fit: cover!important
  }
}

The caption on mobile is present at least on my side, so I am not sure if I understand  how you mean that.

I am glad it is possible to add space between images however I can't make it work. Squarespace says Syntax error? 

Yes, I am looking for a caption on my mobile but I cannot see it. If you don't mind me asking what phone did you use to view? It doesn't work on Android and Iphone for me.

Many thanks,
K

11 minutes ago, joseph81 said:

Hi. Could you provide a website url?

Thank you @joseph81 Here it is: https://www.ptphotography.com/destination

Good day,

Reposting again and this information is crucial to my website. Please extend your kind assistance 🙏

I need help with the code for my descriptions to appear in mobile. I just noticed it is not appearing in my phone.
In addition to that, how do we reduce padding between images in mobile? Thanks.

Thank you in advance.

Regards,
K

@bangank36

This a amazing. Thank you, I will have a go 🤩

@bangank36

I was able to make it work with 4/6 links. That being said, I can't make it work on these 2 links:

https://www.ptphotography.com/kinesis
https://www.ptphotography.com/seascape

Please help with the code once again. I appreciate your help.

Thank you!

45 minutes ago, bangank36 said:

My testing

This worked. Thank you so much for you help 🤩

14 hours ago, bangank36 said:

Can you share your site so I can take a look?

@bangank36 here it is: https://www.ptphotography.com/people

Thank you for your help!

Hello,

How do I move the 'print inquiry' button so that it is on the same line as 'people'? I've looked up the forum but nothing worked for me.

Thank you in advance.

K

Good day,

Please help with the code for my descriptions to appear in mobile. I just noticed it is not appearing in my phone.
In addition to that, how do we add spacing in between pictures in mobile? Say 20px? Thanks.

Thank you in advance.

Regards,
K

6 minutes ago, Ziggy said:

Fantastic, glad I could help! Could you mark the post as the answer in case anyone else might need it in the future? Thanks!

Lovely photos by the way!

Thank you for the compliment Ziggy. Marked it! 🥰

27 minutes ago, Ziggy said:

Try this:

.gallery-grid-item:nth-child(16) img {
  transform:scale(1.3);
  &:hover {
   transform:scale(1.4);
  }
}

Ziggy you are amazing! Thank you so much for this! You made me so happy 😁

2 minutes ago, bangank36 said:

I can not see it now. Have you figured it out?

Hi Bangkan! You are too kind to have gotten back to me on this. But yes, this case has been resolved. Thank you again for checking it 🙂

42 minutes ago, Ziggy said:

Does this work?

.gallery-grid-item:nth-child(16) {
  transform:scale(1.3);
  &:hover {
   transform:scale(1.4);
  }
}

 

Wow Ziggy! This is exactly what I am looking for. I didn't think it was possible. Thank you for making it work!

Last favour, how do we make sure it is in keeping with the size of the first 3 columns? How do we fix the size so it matches the rest? 

Thank you!