Jump to content

Border required only on slideshow gallery images

Recommended Posts

  • Replies 14
  • Views 606
  • Created
  • Last Reply

Top Posters In This Topic

Thank-you tuanphan for your reply.

I of course tried this immediately but unfortunately it is not working ?

When added into Custom CSS all off the code is received and changed colour, except for the first line of text white appears grey indicating it is not read I am assuming. Image attached.

So you know, I am only on a personal subscription so I am not too suer if that makes a difference ?

Any further help would be greatly appreciated if not asking too much of you ?

Many thanks

Peter

 

Screen Shot 2022-06-11 at 3.47.50 pm.png

Link to comment

Tuanphan,

I have 8 different sets of image sin my gallery. All grouped under different themes. Yes I can see the borders are "live" for the Moon subgroup but not any of the others?

So there need to be a code written for each subgroup maybe ? Im not too sure but I really like how you managed to get the border on the Moon gallery. Thats exactly what I wanted for all of them.

Thanks so much for you help on this.
Peter

Link to comment
22 hours ago, Fatpaparazzi said:

Tuanphan,

I have 8 different sets of image sin my gallery. All grouped under different themes. Yes I can see the borders are "live" for the Moon subgroup but not any of the others?

So there need to be a code written for each subgroup maybe ? Im not too sure but I really like how you managed to get the border on the Moon gallery. Thats exactly what I wanted for all of them.

Thanks so much for you help on this.
Peter

If you need site wide code, use this new code

/* gallery image borders */
.slide img {
    border: 1px solid white;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Hello Tuanphan

Sorry to be a pest, but I have another problem.

Whilst your last coding managed to put the border around all the photos in the page I titled "gallery", the border (or part of it) also appears around photos on other pages ?

Now while these are "gallery blocks" I have inserted from Square-space, I actually only want the border on photos that appear within the page as detailed below:-

https://fatpaparazzi.com.au/test-gallery

Is there another code that is available to only have the border on these images and not throughout the entire site where photos appear when inserted as part of a square space gallery ?

I hope there is and thank you in advance for your help again on this matter.


regards

Peter

Link to comment
On 6/15/2022 at 4:32 PM, tuanphan said:

If you need site wide code, use this new code

/* gallery image borders */
.slide img {
    border: 1px solid white;
}

 

Remove this code & add this to Page Header (page where you want to add border)

<style>
  /* gallery image borders */
.slide img {
    border: 1px solid white;
}
</style>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 weeks later...
4 hours ago, Fatpaparazzi said:

tuanphan,

thank you for your reply. Seems I will need to upgrade my subscription to make this work. 

I will give it a a try.

Thankyou

Peter

With basic/personal plan, You can also edit the page > Add a Code Block at bottom of page > Paste this

<style>
  /* gallery image borders */
.slide img {
    border: 1px solid white;
}
</style>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.