I’ve tried adding this CSS as per the instructions on your FAQs and it doesn’t work:
“.modula .modula-items .figc p.description { padding: 25px; }”
The hover effect I set works fine when I’m looking at each gallery in the Page Editor within WordPress, but not when I come out and just view the page. No matter what CSS I add (whether globally or at the gallery level) it does not have any effect, even though it appears in the “view source” of the page correctly.
It’s not local caching that’s the issue as I’ve tried multiple browsers and machines. Also, moving Modula to Troubleshooting mode (hence all other plugins disabled) does not fix it.
Hello @neilslaterphotography ,
Can you please let me know what Hover effect you are using for your gallery?
Regarding the CSS adjustment, you could try something a bit more specific, for example:
jtg-277.modula-gallery .figc .jtg-description {padding: 35px !important;}
Please try adding this and testing the way the hover text is shown for your images.
Have a nice day!
Done a full cache purge, first in WordPress dashboard, then CDN, then browser, then hard refresh – no change – problem still there
Thanks Andrei. I’m using Pufrobo. And all works fine with it in the Page Editor… I’ve just added that CSS you provided now (globally) via the “Customising Additional CSS” option. Result: no change (purged wordpress and CDN cache again). So, I’m concluding something is messing up the CSS between the editor page source and the “view”/live version…. But I see that the CSS that you gave me is embedded into the source on the page now….
Hello again @neilslaterphotography ,
Would it be possible to submit a contact request using our form here:
https://wp-modula.com/contact-us/
So we can get a closer look at this and investigate this further? I will post an update here as well after this is resolved.
Thanks Andrei. I’ve done that now (the contact request)
Issue now fixed with the following additional custom CSS (thanks Andrei):
.modula-gallery .figc .jtg-description {
padding: 10px !important;
background-color: #000000;
position: absolute !important;
right: 5% !important;
left: 5% !important;
width: fit-content !important;
}
Glad to be of help! (you can remove the part between /* */ since that is commented out, I only kept it as a basis when making adjustments so I know where I started from)
