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:PopularBlur 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:Some readersHow to set a Reject button on the Cookie bar?
Integrating a Reject button on your website's cookie bar 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 bar, follow these steps: Go to the Consent banner tab Open the Behavior section In the CookieFew readersDesign changes for the Cookie bar
When it comes to customizing the appearance of your cookie bar, 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 bar your own. Color Customization Navigate to the Consent banner tab Design section, where you can alter the color scheme of your cookie bar. In order to see the color settings, make sure to select the Custom option in the Banner colorsFew readersCookie bar - Admin testing and design
When customizing and testing the Cookie bar on your storefront, the Admin Mode feature of the Consentmo app proves to be a highly effective tool. This mode, found under the Consent banner tab in the Show Cookie Bar section, allows admins to preview and adjust the Cookie bar in real-time. Benefits of Using Admin Mode for Cookie Bar Customization: Real-Time Previews: Quickly seeFew 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 checkboxes and ticks in the Preferences popup?
Changing the colors: You will need to navigate to the Consent banner tab Design section and locate the color-changing buttons for the Checkbox Color and the Checkbox Tick Color. If you are using either the Classic or the Modenrn layouts of the cookie bar, the case is the same. Only the options will be named differently. Instead of ChecFew readersSet an Accept All button to the Cookie bar
Enhancing user convenience on your site can be as simple as modifying the "Accept" button on your Cookie bar to an Accept ALL functionality. This change allows visitors to quickly consent to all cookie categories, streamlining their browsing experience. Steps to Add 'Accept All' functionality: Navigate to the Consent banner tab and access the Content section. In the Accept Button Text field, change the button label from Accept to Accept ALL. This small chFew readersAdding a link in the Cookie bar
Enhancing your Cookie bar by adding additional links can provide your users with more detailed information and increase transparency, which is crucial for compliance and trustworthiness. Here's how you can insert an extra link into your Cookie bar: 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 snippFew 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 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 readersStore logo in the Preferences popup
In our ongoing effort to align the user experience of your store with its visual identity, we are excited to introduce the Preferences 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 bar with your store’s branding. Availability and Applicability The Preferences Logo feature is exclusively available to Plus and Enterprise plan subscribers. It is compatible with both the *Few readersChange the font family and font size
Guide to personalizing the font aesthetics on Consentmo's Cookie Bar & Preferences Popup. Head to the Design tab and easily adjust the Font Family and Font Size as per your preferences.Few 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 bar 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 bar to match your website's branding. (https://gdprstorage.b-cdn.net/faq/gFew readers