Border required only on slideshow gallery images

Site URL: https://fatpaparazzi.com.au/test-gallery/4xnikkjzp4y0254lhcrk5v61zam9p8

Hello everyone,

Novice here, but looking to add a thin white border around my gallery images only in the slideshow configuration. I can do it globally, but only want it on my gallery images to make them pop against the black background. 

Any help with the coding would be greatly appreciated.

Thanks all....Peter

Add to Design > Custom CSS

/* gallery image borders */
div#block-yui_3_17_2_1_1653188431312_1914 img {
    border: 1px solid white;
}

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

I tested & it should work.

Can you add & keep the code? We can check it again easier.

Ok, thanks again for your help.

I have added it into my sites Custom CSS and saved it there.

Does that mean you can log in and see it too ?

Thanks 
Peter

6 hours ago, Fatpaparazzi said:

Ok, thanks again for your help.

I have added it into my sites Custom CSS and saved it there.

Does that mean you can log in and see it too ?

Thanks 
Peter

I see it worked here?

Ah yes it does. But only on the Moon gallery.

I didn't check that one.

You try it on the Sun or Earth one....its not working.

Thanks

Peter

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

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;
}

You are a genius !!!!!

Thankyou Thankyou Thankyou

Regards

Peter

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

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>

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

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>

Put simply, you are a Genius !!!!!!!

Thankyou for  all your help. 

Peter