How can I decrease font size in my cookie consent bar?

[monomgroup]

Hi!

Trying to decrease font size in the cookie consent bar that we applied with an app, but it doesnt allow to control the font size from within the app. Can anyone help with code?

Store URl: www.mism.store

Thanks in advance!

Mims-team

[NomtechSolution]

1. Look for the HTML element that represents the consent bar and find its class or ID. It might be something like .cookie-consent or #cookie-consent.

2. Add custom CSS code: Once you have identified the class or ID, you can add custom CSS code to adjust the font size. Open your Shopify admin, go to “Online Store” > “Themes” > “Actions” > “Edit code” and open your theme’s CSS file (usually named theme.scss.liquid or styles.scss.liquid).

3. Insert the CSS code: Inside the CSS file, add the following code, replacing .cookie-consent with the actual class or ID you found in step 1:

.cookie-consent {
  font-size: 14px; /* Adjust the font size value as needed */
}

[made4Uo]

Hi @monomgroup

Please follow the instructions below.

1. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
2. Go to Asset folder and open the base.css file
3. At very end of the code, add the code below

NOTE: Adjust 12px to the size of choice

span#cookieconsent\:desc {
    font-size: 12px;
}

Result: