Home Forums Newsletter Plugin Support Forum How to format the privacy text in the widget?

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #183693
    Laserjones
    Participant

    Hello, I would like to change the font of the text next to the privacy checkbox in the subscription widget (the normal widget, not the minimal one). I tried to identify the style I need to overwrite via the Custom Styles area (Im tried “.tnp tnp-privacy” and “.tnp tnp-field-privacy”, for example), but the text does not change with any of them. Can someone point me to the correct style definition?

    Best regards,
    Joerg

    • This topic was modified 6 months, 2 weeks ago by Laserjones.
    #183786
    Stefano
    Keymaster

    Hi, using the classes you mentioned you should be able to customize the text. But it could depend on the CSS order. Where are you adding your custom styles?

    Stefano.

    #183860
    Laserjones
    Participant

    In the custom CSS field provided by the plugin under Settings. I tried the following code, for example. The input field and submit button styles are accepted, but not the privacy text style at the beginning.

    .tnp-widget tnp-privacy {
      	font-family: 'Open Sans', sans-serif;
    	font-size: 10px;
    	line-height: 1em;
    	min-height: 100%;
    	background: #FFF;
    	color: #333;
    }
    .tnp-widget input.tnp-email {
        border: 1px solid #CCC;
        background-color: #ffffff;
    	border-radius: 0;
    	font-family: 'Open Sans', sans-serif;
    	-webkit-appearance: none;
        margin: 5px 0px 0px 0px;	
        padding: 0.3rem;
    	vertical-align: top;
    	line-height: 1rem;
    }
    .tnp-widget input.tnp-submit {
    	background-color: #6B7FA0;
    	box-shadow: 0;
    	border: 1px solid #7b9f35;
    	border-radius: 3px;
    	vertical-align: top;
    	border: none;
    	font-family: 'Open Sans', sans-serif;
    	font-size: 1em;
    	font-weight: 600;
    	cursor: pointer;
    	padding: 0.8em 1.5em;
    	color: #FFF !important;
    	margin: 0;
    	text-transform: uppercase;
    	-webkit-appearance: none;
    	text-decoration: none !important;
    }
    .tnp-widget input.tnp-submit:hover {
    	background-color: #536ea0;
        border: 0px solid #536ea0;
    }
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.