CSS for Cookie Bar & Preferences
In order to enhance the design of the cookie bar to match your preferences, you can apply CSS to different elements of the Cookie bar and the Preferences popup. This can be done in the Custom CSS field. You can navigate to the Consent banner tab Design section, as shown below:PopularHow to set a Reject button on the Cookie banner?
Integrating a Reject button on your website's cookie banner significantly elevates user autonomy, allowing visitors to swiftly decline all non-essential cookies. This functionality, offered by the Consentmo GDPR app, is pivotal for websites aiming to enhance transparency and trust. Enable the Reject button To manage the showing of the ' Reject' button on the cookie banner, follow these steps: Go to the Consent banner tab Open the Behavior section In the CSome readersBlur the page until the customer gives consent
In order to blur out the page until the customer gives his consent, please paste the following CSS code in Consent banner tab Design section Custom CSS field: Copy the CSS code below:Few readersDesign changes for the Cookie banner
When it comes to customizing the appearance of your cookie banner, our platform offers a variety of options. To ensure it aligns perfectly with your brand's aesthetic and meets your specific needs, here's how you can make the cookie banner your own. Color Customization Navigate to the Consent banner tab Design section, where you can alter the color scheme of your cookie banner. In order to see the color settings, make sure to select the Custom option in the BannerFew readersCookie banner - Admin testing and design
When customizing and testing the Cookie banner on your storefront, the Admin Mode feature of the Consentmo app proves to be a highly effective tool. This mode is located under the Consent banner tab and it allows admins to preview and adjust the cookie banner in real-time. Benefits of Using Admin Mode for Cookie banner Customization: Real-Time Previews: Quickly see how changes to the Cookie banner's design will apFew readersHow to position the Cookie bar in the middle of the screen?
In order to set the position of the Cookie bar in the middle of the screen, please paste the following CSS code in Consent banner tab Design section Custom CSS field: Add the CSS code below:Few readersHow to change the color of the switchers in the Preferences popup?
Changing the colors: Consent banner tab Open the Design section Locate Banner colors By selecting Custom you will have the option to change the colors for the active and inactive switchers If you are using either the Classic or the Modenrn layouts of the cookie banner, the case is the same. Only the options will be named differentlFew readersAdding a link in the Cookie banner
Enhancing your Cookie banner by adding additional links can provide your users with more detailed information and increase transparency. Here's how you can insert an extra link into your Cookie banner: How to add the additional link? Access the Consent banner tab in your dashboard and go to the Content section. Look for the Cookie Consent Text field where you will input your additional link. Insert the following HTML snippet:Few readersFixing Hidden Preferences Popup Buttons
Navigating a website's cookie preferences should be a seamless experience for users. However, sometimes technical issues may arise, such as the buttons on the Preferences popup not being visible. How to Make Preferences Popup Buttons Visible? Accessing Custom CSS: Go to the Consent banner tab Design section Custom CSS field. This section allows you to modify the appearance of various elements on your website, including the cookie consent popup. Adding the CSSFew readersStore logo in the Dialog and Preferences popup
In our ongoing effort to align the user experience of your store with its visual identity, below we are introducing the Logo feature. This option, found in the Design tab of our app, allows you to upload a custom logo, further harmonizing the design of the cookie banner with your store’s branding. Dialog view logo In the Dialog view you have the option to set a logo which allow you to pesonalize the cookie notice to match the store design and "feel". (https://gdprsFew readersStyling of my Compliance pages?
The Compliance pages generated upon installation of the app, can be found in the Online Store tab under the Pages section. The pages in general are set to inherit the overall styling of the other pages in the store so they can fit in the overall look and design of it. If you are looking to make any adjustments to the pages and their elements, below you can find some useful guidelines on how this can be done by using CSS and applying it to the page HTML directly. Our recommendation on this procFew readersCookie categories' descriptions styling
In order to modify the stylings of the cookie categories' descriptions, you will need to navigate to the Consent banner Design section. After that depending on what you require, you should apply one of the CSS code snippets we provided below to the Custom CSS field. Classes for styling all Cookie CategoriesFew readersWhy is the Cookie bar and the buttons focused by default and how can I update the styling?
The blue outline focuses on the Cookie bar's elements is there to help users with motor impairments, which could be anything from permanent paralysis to a sprained wrist. These users operate their computer almost entirely with the keyboard or other input device. For those users, focus is critical; it's their primary means of reaching everything on the screen. For that reason, the Web AIM checklist states in section 2.1.1 that all page functionality should be available using the keyboard (htFew readersMatch Theme Design feature
Enhance your site's browsing experience with a cookie banner that not only meets legal requirements but also complements your brand's aesthetic. How to enable it Navigate to the Consent banner tab Design section. Find the Design section Banner colors section and click the corresponding button to automatically adjust your cookie banner to match your website's branding. (https://gdprstorage.b-cdn.netFew readersOptimize User Consent with Dialog View: A Guide to Enhanced Cookie Notice Settings
Discover the Dialog view for cookie notices in our app, offering a centralized, easy-to-manage consent banner design. Ideal for Plus and Enterprise users, this feature allows seamless cookie management directly from the initial banner, enhancing user experience with customizable options like logo and title personalization.Few readersButtons order in the cookie banner
Optimize your website's cookie banner by customizing the order and positioning of its buttons. Learn how to easily adjust settings for a better user interface in our comprehensive guide.Few readers