Menu styling & lightbox text

[bensalgado]

Hi everyone

I'm working on a website, where I face two problems right now... The website is www.danslekosmos.fr

I'm trying to add a strokeline and a shadow to the text in my primary menu, so it looks like this :
http://danslekosmos.fr/wp-content/uploads/2020/03/Capture-d’écran-2020-03-03-à-15.13.30.png

I've tried this, with two different class, but none of it works..

nav.primary_menu {
    text-shadow: black 1px 1px;
    text-stroke: 1px;
    text-stroke-color: black;
}

.laynav primary {
    text-shadow: black 1px 1px;
    text-stroke: 1px;
    text-stroke-color: black;
}

Does anyone knows if its possible, and what is my mistake ?

Also, I was wondering if its possible that instead of the lightbox showing a picture in large format when you click on it, to only show the edited caption (it's a small paragraph) in the center of the screen (no picture, only text basically) ?

I know its a lot of questions, sorry for that, but thanks a lot for your help !
Ben

[bensalgado]

edit :
I figured out how to add the shadow and stroke to the text.
I only need help with the lightbox showing only the caption if someone knows !
Thanks !

[mariusjopen]

Dear @bensalgado
you can add a caption in the Gridder and not in each image as a file.

Best!

Marius

[bensalgado]

Thanks Marius for your reply !

Unfortunately it's not really what i was looking for... what I'm trying to do, is when you click on a picture, and the lightbox appear, it only shows the caption in the middle of the screen instead of the picture.. (as if a text box opens up)
My idea was to find the css for image position in the lightbox, and somehow replace it with the lightbox caption, but I couldn't figure it out...

Best

[mariusjopen]

Dear @bensalgado
can you post a link to the page where you are working on?

Best!

Marius

[bensalgado]

Hi Marius,

This is the page : http://danslekosmos.fr/histoire-de-la-franchouillade
Its with the gallery of portraits, I've edited and added some text in each lightbox caption, but right now, because of its position, we can only see one line of it.

Thanks a lot for your help Marius !

Best

[mariusjopen]

Dear @bensalgado
have a look into this Custom Code:

.lightbox-caption.lay-textformat-parent {
    top: 0px !important;
    height: 100vh;
}

Hope that leads you on the right track.

Best!

Marius

[bensalgado]

It works ! Thank you so much Marius for helping me and everyone else with our websites !

Best !

[mariusjopen]

Dear @bensalgado
happy to help!

Best!

Marius