Support » Plugin: GDPR » change colors and css of the button, etc

Viewing 15 replies - 1 through 15 (of 18 total)
  • Hi,
    You can override it with you style.css.
    Regards.

    Yes, but how? What do I have to change for instance to change the background color of the button?

    Try to add button.gdpr-agreement { background: #FFFF00; }.

    Better, you can customize this css:

    .gdpr.gdpr-privacy-bar .gdpr-agreement, .gdpr.gdpr-reconsent-bar .gdpr-agreement {
    	position: relative;
    	font-size: 13px;
    	font-weight: normal;
    	padding: 0 10px 1px;
    	height: auto;
    	line-height: 26px;
    	white-space: normal;
    	margin: 0;
    	border-width: 1px;
    	border-style: solid;
    	border-radius: 3px;
    	-webkit-box-sizing: border-box;
    	box-sizing: border-box;
    	background: #0085ba;
    	border-color: #0073aa #006799 #006799;
    	-webkit-box-shadow: 0 1px 0 #006799;
    	box-shadow: 0 1px 0 #006799;
    	color: #fff;
    	text-decoration: none;
    	text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799;
    }

    Espero que eso te ayude.

    Thanks!

    Your welcome.
    If it works, please mark as Resolved.

    A mi no me ha ayudado, porque no se donde está esto para modificarlo.
    Espero que me puedan ayudar
    Gracias

    Hola,
    Debe agregar el código en el archivo style.css presente en la carpeta de su tema.

    Hi
    You must add this code in your style.css file included in your theme directory.

    .gdpr.gdpr-privacy-bar .gdpr-agreement, .gdpr.gdpr-reconsent-bar .gdpr-agreement {
    	position: relative;
    	font-size: 13px;
    	font-weight: normal;
    	padding: 0 10px 1px;
    	height: auto;
    	line-height: 26px;
    	white-space: normal;
    	margin: 0;
    	border-width: 1px;
    	border-style: solid;
    	border-radius: 3px;
    	-webkit-box-sizing: border-box;
    	box-sizing: border-box;
    	background: #0085ba;
    	border-color: #0073aa #006799 #006799;
    	-webkit-box-shadow: 0 1px 0 #006799;
    	box-shadow: 0 1px 0 #006799;
    	color: #fff;
    	text-decoration: none;
    	text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799;
    }

    Muchas gracias, ya he modificado la casilla, pero no consigo modificar el color de las letras que están en gris oscuro y que sirven de enlace a la Politica de cookies.
    Es que al estar de un gris oscuro como el del fondo apenas se ven y en el código de arriba no encuentro como cambiarlas de color.
    Espero su respuesta
    Muchas gracias por su ayuda

    ¿Tiene un url a su sitio para que lo vea?

    Si claro:

    hhttps://valenciafood.es/

    Muchas gracias por tu ayuda

    ¿Habla de este enlace?

    .gdpr.gdpr-privacy-preferences .gdpr-wrapper .gdpr-content .gdpr-policies li a, .gdpr.gdpr-reconsent .gdpr-wrapper .gdpr-content .gdpr-policies li a, .gdpr.gdpr-general-confirmation .gdpr-wrapper .gdpr-content .gdpr-policies li a {
    	font-style: italic;
    	font-size: 12px !important;
    	color: #ababab !important;
    	-webkit-box-sizing: border-box;
    	box-sizing: border-box;
    }

    Puede cambiar el valor del color y agregar el código a style.css.

    Pues la verdad que con ese código, insertado en style.css, modifico “ababab” por otro color y no hace nada, sigue igual, no cambia el color de las letras donde está el enlace a la Política de cookies (que por defecto aparecen en un color gris oscuro). Debe de ser otro.
    ¿Me podrían ayudar?
    Muchas gracias

    Entonces debe ser este enlace:

    .gdpr :not(textarea):not(input):not(select) {
    	font-family: Helvetica, Arial,! sans-serif important;
    	text-transform: none !important;
    	letter-spacing: 0 !important;
    	color: #455561;
    	background: none;
    	-webkit-box-shadow: none;
    	box-shadow: none;
    	text-shadow: none;
    	outline: none;
    	border: none;
    	margin: 0;
    	padding: 0;
    }
Viewing 15 replies - 1 through 15 (of 18 total)
  • The topic ‘change colors and css of the button, etc’ is closed to new replies.