[masterchi3f]

Hello,

I’d like to know how to edit the background of the caption inside the photo-swipe.

I already changed the background to white, causing a visible black square:

by this class=”pswp__caption__center”

the caption is empty but it’s appearing.

thank you very much in advance.

kind regards

[ahmetsali]

Hi, can you provide your related page url?

[masterchi3f]

I’m sorry I can’t share the link with you.

In detail it’s this code:

.pswp__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: black;
opacity: 0;
-webkit-backface-visibility: hidden;
will-change: opacity; }

if changed to background: white

there appears a square on the left bottom of the photo-swipe window.

i hope you can help me ot.

thank you very much in advance.

[ahmetsali]

can you try this custom css code;

.pswp__caption__center {
    background: none; color: #333;
}

if this doesn’t solve it, please provide a screenshot about the issue.

[masterchi3f]

Hello ahmetsali,

thank you very much for your hint.

it worked out with your code by adding

.pswp__caption__center {
background:none !important;
color:#000000 !important; }

to it.

but i didn’t figure out where else this css is written down.

anyway. thank you very much.

[ahmetsali]

you are welcome.

[masterchi3f]

Hello again,

i hope you can help by adding the effect, that the caption disappears like the topbar and the arrows.

thank you very much in advance.

kind regards

[ahmetsali]

Hi again, sorry it is not something can be done easily with custom css code, if you are not familiar to css/javascript coding you may consider hiring an expert at envato studio.

[masterchi3f]

hello ahmetsali,

thank you for your fast reply.

i discovered that the desired function is available in the mobile view on iPads and iPhones.

isn’t there a simple addition to get this worked on desktops?

thank you very much in advance.

kind regards

[ahmetsali]

sorry, as far as i knowas there isn’t a simple solution for this.