Disminuir tamaño letra en Script

pedro100 · 14 Dic 2017

Hola, utilizo esta web para poner el mensaje de las cookies en mis webs, Download - Cookie Consent by Insites

El tamaño de la la letra que pone me parece un poco grande y quiero poner un tamaño de letra un poco mas pequeño, ¿como puedo cambiar el tamaño de la letra?

El codigo que utilizo es este.

HTML:

<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.js"></script>
<script>
window.addEventListener("load", function(){
window.cookieconsent.initialise({
  "palette": {
    "popup": {
      "background": "#000"
    },
    "button": {
      "background": "#f1d600"
    }
  },
  "theme": "edgeless",
  "position": "bottom-left",
  "content": {
    "message": "Esta web utiliza cookies ...",
    "dismiss": "Aceptar",
    "link": "Más informacion",
    "href": "ejemplo.com"
  }
})});
</script>

DanielDiaz · 14 Dic 2017

Prueba a meter esto en tu html (con el <style></style>) o en tu hoja de estilos:

.cc-message {
font-size: 14px; /* Tamaño de letra en píxeles */
}

pedro100 · 15 Dic 2017

DanielDiaz dijo:
Prueba a meter esto en tu html (con el <style></style>) o en tu hoja de estilos:

.cc-message {
font-size: 14px; /* Tamaño de letra en píxeles */
}

Muchas gracias, ha funcionado perfectamente.

Ahora tengo otra duda, como podeis ver en la imagen, creo que hay demasiado margen respecto al texto, quiero que la franja azul sea mas estrecha.
¿Como puedo hacer para que la franja azul sea mas estrecha?

DanielDiaz · 15 Dic 2017

.cc-banner.cc-bottom {
padding: 10px 20px;
}

el 10px serían 10px por arriba, 10px por abajo. Los 20px serían 20 por la izquierda 20 por la derecha. Si quieres especificar margen (realmente es relleno -> padding en vez de margin):

.cc-banner.cc-bottom {
padding: 10px 20px 10px 20px; /* arriba derecha abajo izquierda */
}

Puedes usar varios tipos de unidades, en el script que expones se utiliza "em", pero realmente te recomiendo utilizar "px", más que nada porque es más estático y fácil de usar. "em" multiplica el valor que indicas por el tamaño actual de la letra, por lo que 1em = tamaño de letra sin modificar, 1.5em = 1.5 x Tamaño actual de font-size, etc etc etc...

pedro100 · 15 Dic 2017

He puesto este codigo y no ha cambiado nada, ¿el codigo es correcto?

<style>.cc-banner.cc-bottom {
padding: 10px 20px;
}</style>

DanielDiaz · 15 Dic 2017

prueba:

<style>.cc-banner.cc-bottom {
padding: 10px 20px !important;
}</style>

Has probado a cambiar los 10px que corresponderia con la altura?

Disminuir tamaño letra en Script

pedro100

DanielDiaz

pedro100

DanielDiaz

pedro100

DanielDiaz

Temas similares