Pementa

Yes this is what I'm looking for. Our site is pementa.com

Not yet, I still can't change the buttons to simple text links.

Hi there! Opened our website today and the cookie banner was a mess. Tried editing it and it's more or less back on track again, but those huge buttons are in the way, and I can't find how to change them back to simple links. Also, a cookie preferences link was inserted in the footer without any consideration for the layout or design, not even a mail to announce the change. Now the footer is a hot mess, with spacing, padding and margins broken, and we're changing it back, but it's half an hour of extra work when our company is very busy. And there may be also broken things we did not detect yet. Anyone else experiencing this?

Thank you very much, this explains it.

Thank you, worked like a charm.

https://www.pementa.com/sol

Hi! I've added CSS code to have captions appear while hovering over each gallery image, but when I add links a nasty overlay appears. Can someone help me get rid of it? Here's some of the code: /* caption from base to overlay in gallery - Desktop */ @media screen and (min-width:960px) { figure.gallery-grid-item { position: relative; } /* gallery caption font */ .gallery-caption { position: static; color: #38757D !important; } p.gallery-caption-content { font-size: 200% !important; overflow: hidden; color: #38757D; font-family: 'DM Serif Display' !important; } /* title */ figcaption.gallery-caption .gallery-caption-wrapper p.gallery-caption-content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; justify-content: right; align-items: flex-end; z-index: 999; padding: 7%; transition: opacity ease 200ms !important; opacity: 0 !important; pointer-events: none; } .gallery-grid-item:hover .gallery-caption-wrapper p.gallery-caption-content { opacity: 1 !important; } /* overlay */ .gallery-grid-item-wrapper a:after { background: #38757d; /* overlay color */ content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: opacity ease 200ms !important; } .gallery-grid-item:hover .gallery-grid-item-wrapper a:after { opacity: 0.75; } /* remove gap */ figcaption { padding: 0 !important; } } /* caption from base to overlay in gallery - Mobile */ @media screen and (max-width:959px) { figure.gallery-grid-item { position: relative; } /* gallery caption font */ .gallery-caption { position: static; color: #38757D !important; } p.gallery-caption-content { font-size: 100% !important; overflow: hidden; color: #38757D; font-family: 'DM Serif Display' !important; } /* title */ figcaption.gallery-caption .gallery-caption-wrapper p.gallery-caption-content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; justify-content: right; align-items: flex-end; z-index: 999; padding: 7%; transition: opacity ease 200ms !important; opacity: 0 !important; pointer-events: none; } .gallery-grid-item:hover .gallery-caption-wrapper p.gallery-caption-content { opacity: 1 !important; } /* overlay */ .gallery-grid-item-wrapper a:after { background: #38757d; /* overlay color */ content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: opacity ease 200ms !important; } .gallery-grid-item:hover .gallery-grid-item-wrapper a:after { opacity: 0.75; } /* remove gap */ figcaption { padding: 0 !important; } }