[cXF] Cookie Notice 1.1.0

[Alvin63]

So how did you get to see it in a different colour? Did you switch to default view instead of the style?

 

[BassMan]

Ok thanks. So do I need to set something in the style as well?

No, manually edit in extra.less should be your best option.

 

[BassMan]

So how did you get to see it in a different colour? Did you switch to default view instead of the style?

Simple browser inspector tool.

Add this to your extra.less:

[data-notice-id="-1"].notice--cookie .js-noticeDismiss.button--notice.button, .notice--cookieAdvanced .cookies-buttons .button--primary {
    color: #fcfcfc !important;
    background: #e8264d !important;
}

See if it changes anything.

 

[Alvin63]

Ok. Thank you. I did check in "default style" as well and the colours did show up But not in the style I'm using. I'll try that in extra_less

 

[Alvin63]

That worked for Accept all cookies, but not for Reject cookies Or the main text colour. Although it's mainly the buttons.

 

[BassMan]

Yes, use also this:

[data-notice-id="-1"].notice--cookieAdvanced .cookies-buttons .button--link {
    color: #fdfdfc !important;
    background: #f23a02 !important;
}

 

[Alvin63]

Actually no it didn't work. It changed the accept button to red. But when I changed the colour for that to something else, it stayed red.

 

[Alvin63]

Yes, use also this:

[data-notice-id="-1"].notice--cookieAdvanced .cookies-buttons .button--link {
    color: #fdfdfc !important;
    background: #f23a02 !important;
}

Thank you. It has changed the button colours for Accept and Reject, but not to the colours I chose They are now two different shades of red. I had set two different shades of green.

 

[BassMan]

Yes, if you are changing the colors now in the style properties, they won't change in the frontend. You need to adjust the color code in the extra.less template now.

 

[Alvin63]

Ah right ok, I'm with you. Thank you. I'll try that.

 

[Alvin63]

Thank you very much.

 

[Alvin63]

Settings in style properties should work for these buttons too. It works fine on my side. Maybe it is overwriting something (from extra.less?).


You can do it manually with this in your extra.less template:

@media (min-width: @xf-responsiveMedium) {
    .u-bottomFixer [data-notice-id="-1"] {
        left: auto;
        right: 20px;
    }
}

It's still on the left It doesn't matter - it's fine where it is

I also still seem to have a slight bit of the old cream colour round the edges - on the left particularly. As if the new colour is on top of the old one. Maybe to do with my style again?

 

[BassMan]

For border use this:

[data-notice-id="-1"].notice.js-notice.notice--primary {
    border-color: transparent;
}

 

[Alvin63]

Thank you so much. It looks so much better on desktop, when floating, and information is clearer to see. On mobile however, whether floating or not, it takes up about half the screen (not related to this addon, just the fact it's the advanced cookie banner) - which is horrible! I hate that on websites! I guess that's just the nature of a full cookie banner.

 

[Alvin63]

Btw it's still on the left Not sure why but the extra.less code didn't move it to the right. Do you think that's possible?

 

[BassMan]

Try this:

@media (min-width: @xf-responsiveMedium) {
    .u-bottomFixer [data-notice-id="-1"] {
        left: auto !important;
        right: 20px !important;
    }
}

 

[vicking]

How does the process of excluding one type of cookie from others work? For example, if you choose to accept only technical cookies, how are the others excluded?

 

[BassMan]

This add-on does not address how cookies are controlled. It only adds visual improvements.

 

[vicking]

Should I rely on an external service to control cookies or can xenforo do it natively?

 

[BassMan]

I think this cookie notice should do it. But it depends on what kind of cookies do you use. This should be a discussion for another thread.