Hi Coletta

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)...

.j51imagehover img {

    margin-bottom: -8px;

}

Ciarán

Dear Ciarán,

Thank you for your script snippet.
It works !!!!!

I wish a merry Christmas to you an your loved ones,
a happy new year and health as the base for everything...

Regards,
Coletta

Dear Ciarán,

I' m sorry that I must ask you again....
In this case I have two equal websites, one which is online and another which lies on a subdomain.
This is because I' m not prefect in working with templates and so I test it on the subdomain
and if it works I make it on the real site.

So,
the last solution works on the test version from the website.

.j51imagehover img {
margin-bottom: -8px;
}

Now as I put in the snipped in the custom.css there is no change. The lines are already there.

For explanation:
The main template is the J51_Stockholm.
On one side I use the J51_Magnolia module.

The snipped I put in the Magnolia custom.css.
And tried to put it in the J51_Stockholm custom.css
Both doesn't work...
Where is the mistake?

Can you please help...

Regards,
Coletta

Hi Coletta

If you place the suggested CSS in the Custom CSS field in your templates settings instead of the custom.css, does it have any effect on your gallery?

Ciarán

IT WORKS !!!!!
Thank you !!!
And every time I learn a bit more

I wish you a great weekend
Coletta

Hej Ciarán,

is it also possible to change the font size (in the backgroundwith a code snippet into the custom.css ?
Is this the header tag ?
Here h4

Regards,
Coletta

Hello

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)...

(Edit to taste)

.j51imagehover figcaption {

    font-size: 1.4em;

}

Ciarán