Changing photoswipe upper gray strip color

Phoca Gallery - image gallery extension
Erol.Uygur
Phoca Newbie
Phoca Newbie
Posts: 7
Joined: 24 Feb 2024, 11:31

Changing photoswipe upper gray strip color

Post by Erol.Uygur »

How do I make upper gray strip in photoswipe invisible or of different color?

I'm using Phoca Gallery version 5.0.0 on Joomla 5.03..
christine
Phoca Hero
Phoca Hero
Posts: 2818
Joined: 28 Nov 2010, 17:20

Re: Changing photoswipe upper gray strip color

Post by christine »

Hi,

Where exactly is such an upper gray strip? If we could see the URL with the gallery, we can say more about it.

Kind regards
Christine
Erol.Uygur
Phoca Newbie
Phoca Newbie
Posts: 7
Joined: 24 Feb 2024, 11:31

Re: Changing photoswipe upper gray strip color

Post by Erol.Uygur »

Hi,
Here is the related link...
https://selcukeroglu.com/index.php/en/w ... id=1&pid=1

Kind regards,
Erol
christine
Phoca Hero
Phoca Hero
Posts: 2818
Joined: 28 Nov 2010, 17:20

Re: Changing photoswipe upper gray strip color

Post by christine »

Hi Erol,

Thank you for your link.
I don't see an upper gray strip, but a gray background around the photos.
It comes from here (template sourced):

.ttr_home-copy-copy_html_column00 {
background: red; /*example color*/
}

Also see tables mso element (ms office).

One possibility could be, for example only (in your custom.css)

Code: Select all

.ph-photo-plugin-container {
background: green;
border: 2px solid blue;  
}
or:

Code: Select all

.ph-photo-plugin-box {
background: green;
border: 2px solid blue;  /* or: border: none; */
}
Kind regards
Christine
christine
Phoca Hero
Phoca Hero
Posts: 2818
Joined: 28 Nov 2010, 17:20

Re: Changing photoswipe upper gray strip color

Post by christine »

Hi,

You have changed something ...... Because when you open the page, you immediately see a photo swipe image now.

Possible color change:

Code: Select all

#ttr_header_inner {
background: blue !important;
}
Image

Buttons: By linking media video in the top bar, these are not made visible.

Kind regards
Christine
Post Reply