Support » Plugin: cForms - Light speed fast Form Builder » CSS-Tags and Button-Language

  • Is there a list of the most important CSS-Tags I can adapt to my page design?
    e.g. background, shadow off, fontcolors, …

    and how can I change the label of “previous” and “next” buttons?

    • This topic was modified 3 months, 2 weeks ago by  pakka.
Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author compojoom

    (@compojoom)

    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.

    Plugin Author compojoom

    (@compojoom)

    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!?

    Plugin Author compojoom

    (@compojoom)

    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='http://hochtiet.langenberg.me/wp-content/plugins/cforms-plugin/admin/css/bootstrap-3.1.1.css?ver=3.0.0' type='text/css' media='all' />

Viewing 9 replies - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.