Customising the Cookie Notification Banner

Question

Morning all!I have a need to customise the colours of our cookie policy notification banner for our Community, as currently it looks like this:&nbsp;Inspecting the elements, I can see the CSS it relates to is in the SDK. I'm comfortable editing CSS, however, I am not sure how to override the SDK in order to customise the background colour. I know the bit I need to target is ".lia-cookie-banner-alert", but cannot find it anywhere editable.Please be gentle, our web developer left last year, and whilst I am comfortable ripping apart CSS, I have not had to override anything as yet or come up against something I can't locate. So I'm here to learn from your collective wisdom!&nbsp;😊Cheers,Kate

parshant · Answer

KateF,To edit CSS:Go to&nbsp;Studio &gt; Community Style.Select&nbsp;Community Skins&nbsp;from the&nbsp;Work with&nbsp;drop-down.Select the&nbsp;CSS&nbsp;tab.Select the custom skin you want to edit.&nbsp;Enter or edit the CSS by typing pasting it into the&nbsp;Skin CSS&nbsp;text area.&nbsp;Click&nbsp;Save.See these documentation for how to override skin and component in community.https://community.khoros.com/t5/Understanding-Studio/Override-an-item-in-the-SDK-plugin/ta-p/194209#skinThis will guide how to edit css in the communityhttps://community.khoros.com/t5/Skins-and-assets/Edit-CSS/ta-p/109071To override skin attributes see this url.https://community.khoros.com/t5/Skins-and-assets/Edit-responsive-skin-attributes-variables-and-properties/ta-p/219248CSS best practices:https://community.khoros.com/t5/Skins-and-assets/CSS-best-practices/ta-p/109073

snaffle · Answer

Hi KateF , if you're not planning on using the SDK anymore, you just just edit the skin in Studio and it will override the SDK, replacing it as the live version.

If you navigate to the Community Style section in Studio, and find your skin, you can go to the CSS tab and edit the following file to add your override:

your_skin/sass/_style.scss

Khoros uses SASS to generate it's CSS, but you can also just add standard CSS to the end of this file as an override for the cookies component.

Hope that helps.

Cheers

Nathan

Forum Discussion

Customising the Cookie Notification Banner

Related Content

Re: Lithium Cookies Datasheet

About Abuse Notifications

Support Notifications

Aurora: Enable a site-wide cookie usage notification banner

General Outages & Notifications via status.khoros.com

Recent Discussions

Boosting a User

Google Tag Manager and Google Analytics Setup in Aurora platform

In Aurora, add additional <script> and <meta> tags

Incremental data for attachments in messages and replies

Incremental data for users data