-
Posts
-
Hello. Is it possible to obtain the privacy policy button (after open the website) rounded (50px) like the others in the pages?
Please check!
ThanksHi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top .avia-cookie-consent-button { border-radius: 50px; }After applying the css, please clear your browser cache and check.
Best regards,
MikeNo. Doesn’t work.
Again, i would have a almost full screen banner (like a popup) black transparent (like now ok) with the text below (more big than now) and the three buttons one under the other. Please check my image…that i create with Photoshop.
Many thanks.Again. Please try to scroll down the page when that cookies banner is open and look at the arrow to scroll up: it is above the banner!
please adjust those things for me…
Thanks again.Hi,
Sorry I misunderstood you, I thought that you wanted the cookie bar buttons rounded like your other buttons, like this:
The cookie bar doesn’t have this option.Best regards,
MikeIs it possible to have (like in my picture) a popup that, after clicking the first time, it disappears?
Understand?
So you can create it exactly like I designed it..What do you think?
Hi,
#top .avia-cookie-consent.avia-cookiemessage-bottom { bottom: unset; left: unset; margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #top .avia-cookie-consent .avia-cookie-consent-button { display: block; width: 60%; margin: 10px auto; } #top .avia-cookie-consent p { display: block; padding-bottom: 20px; } #top .avia-cookie-consent-button { border-radius: 50px; } @media only screen and (max-width: 767px) { #top .avia-cookie-consent.avia-cookiemessage-bottom { width: 80%; } } @media only screen and (min-width: 768px) { #top .avia-cookie-consent.avia-cookiemessage-bottom { width: 25%; } }Best regards,
MikeSo, ok but the buttons are not rounded, the banner is sticky at the page and the page not scroll below, the texts goes off the buttons.
In the end, the banner not appear on desktop version. (?!?)Check the image.
Hi,
#top .avia-cookie-consent.avia-cookiemessage-bottom { position: fixed !important; } #top .avia-button.avia-cookie-consent-button { border-radius: 50px; word-break: break-word; overflow-wrap: break-word; white-space: break-spaces; }
Best regards,
MikeShould i add that?
For the other things?!-arrow scroll up
-banner sticky
-desktop version
-buttons more width so the texts will be all in one line (look again my first example picture)Thanks!
Hi,
Lets please stay on one topic, otherwise I’m not sure what you are talking about.
This thread is about customizing your cookie bar, please add the css above to achieve the image above.
Please remember I said it won’t be exactly like your image, plase allow for some variable.Best regards,
MikeAll I’m asking you now is about cookies bar!
Should I remove the other css or I have to add to that?Ok. Is possible to have the buttons more width so the text will be in one line?
Again, is possible to have the text above more big so you can read more easily?
Again, after you click “settings”, scroll down, check that buttons that are sticky, too close!
Again, the black banner I would like more high (above and below).Thanks!
Hi,
To adjust for these changes, please remove all of the precious code and use this instead:#top .avia-cookie-consent.avia-cookiemessage-bottom { bottom: unset; left: unset; margin: 0; position: fixed !important; top: 50%; left: 50%; transform: translate(-50%, -50%); } #top .avia-cookie-consent.avia-cookiemessage-bottom .container { transform: translate(0,30%); } #top .avia-cookie-consent .avia-cookie-consent-button { display: block; width: 40%; margin: 10px auto; } #top .avia-cookie-consent p { display: block; padding-bottom: 20px; font-size: 18px; } #top .avia-button.avia-cookie-consent-button { border-radius: 50px; } @media only screen and (max-width: 767px) { #top .avia-cookie-consent.avia-cookiemessage-bottom { width: 90%; height: 80%; } #top .avia-cookie-consent .avia-cookie-consent-button { width: 90%; } } @media only screen and (min-width: 768px) { #top .avia-cookie-consent.avia-cookiemessage-bottom { width: 50%; height: 50%; } }Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.
Best regards,
MikeWell but in my phone I see this: look my pictures.
I visualize all the banner also when scroll down. Just open the site I visualize what in the first picture.
Again, the buttons are not rounded.
Again, in desktop version there isn’t that banner!Hi,
I fixed the buttons for you, Please note that iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.
If you don’t see it on desktop then logout and use a incognito browser:
Best regards,
MikeWell! The banner is not fully visible when the page is all up.
The red buttons inside “settings” are sticky; check!Hi,
To add some space between the red buttons in Settings ▸ Cookie and Privacy Settings add this css to your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 384px) { .avia-cookie-consent-modal-buttons-wrap .avia-cookie-consent-button.avia-cookie-consent-button-4 { margin-bottom: 20px; } }After applying the css, clear your browser cache and check.
Best regards,
Mike
- The topic ‘Privacy policy buttons’ is closed to new replies.