CSS-Tags and Button-Language

Hey,

you can use one of the many plugins for that, like https://github.com/leewillis77/say-what

What would you prefer? ??

If you need a translation just contribute these strings here at the extension.

Best,
Yves

Hi,

Thanks for your answer!
But how to change the css Style easily?

what really would help me is a list of classes that effect a chance, for the background, all textfields, radiobuttons, etc.
I found that for cforms2 plugin but that seems not to match with this plugin.

You can see these with any browser inspector, for example in Chrome and Firefox just right click on the element you want to change and select Inspect.

While you edit the form in CForms you can also easily add CSS classes to field elements and also directly insert CSS code. (See advanced tab in properties)

Best,
Yves

okay.. in my case I have this radio-button group:

<div class="form-group input-radio">
	<label for="field_14" class="control-label label-14 label-hidden">
		kommt *
	</label>
	<div class="form-control-div">
		<div class="btn-group" data-toggle="buttons">
			<label class="btn btn-default">
				<input type="radio" name="field[14]" id="field_14_0" class="form-control required" value="yes" required="required" />
					Juhu! 
			</label>
				<label class="btn btn-default">
					<input type="radio" name="field[14]" id="field_14_1" class="form-control required" value="no" required="required" />
						Nein... 
				</label>
		</div>
	</div>
</div>

So I tried to modify the Custom Styles in my customizer like this:

.form-control {
    background-color: #300;
}

.form-control:focus {
    background-color: #000;
}

.form-control:checked {
    background-color: #f00;
}

but nothing worked!?

I would be happy, if i could change the background-color of a checked button…

Translation with “say what?” does not fix the problem because I can not find the strings ” __(), _e(), _n(), or _x(), ” in the code!?

it’s different done, but they are still translatable.

You properly have to prioritize your CSS to override the one you have.

E.g. .compojoom-bootstrap .from-control:checked

Best,
Yves

hi,

thanks for your example. that′s what I needed ??
But it still doesn′t work for me.
maybe it′s the position where the stylesheet is included? the customizer implements my changes with your example in line 155 in my site-code. Your CSS-codes are imported in line 480:
<link rel='stylesheet' id='cforms_bs-css' href='https://hochtiet.langenberg.me/wp-content/plugins/cforms-plugin/admin/css/bootstrap-3.1.1.css?ver=3.0.0' type='text/css' media='all' />