Change Style Form

Hi,
I create the form in attachment but I have the problems. I want delete the buttons in the rectangles red 2 and 3.
After I don't want the opacity (number 1 red). Can you help me?
Thanks


Regards
Salvo

Hi Salvo,

These look like buttons from the LightBox you are using to display the form.

Bob

Hi,
yes, I use the ligthbox. I insert this code HTML:
<a href="index.php?option=com_chronoforms&chronoform=invPromemoria&tmpl=component" style="color:#0088cc;" class="modal" rel="{handler: 'iframe', size: {x: 425, y: 526}}">

Can you hel me?
Thanks


Regards
Salvo

Hi playpaf,

The lightbox isn't part of ChronoForms but of Joomla!

Please post a link to the form so I can take a quick look to see if there is any CSS that might help

Bob

Hi,
I'm not sure, do you want the file where is the class="modal"?
Thanks


Regard
Salvo

I find this file. Is it correct?

/**
* SqueezeBox - Expandable Lightbox
*
* Allows to open various content as modal,
* centered and animated box.
*
* @version 1.3
*
* @license MIT-style license
* @author Harald Kirschner <mail [at] digitarald.de>
* @author Rouven Weßling <me [at] rouvenwessling.de>
* @copyright Author
*/

#sbox-overlay {
position: absolute;
background-color: #000;
left: 0px;
top: 0px;
}

#sbox-window {
position: absolute;
background-color: #fff;
text-align: left;
overflow: visible;
padding: 10px;
/* invalid values, but looks smoother! */
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

#sbox-window[aria-hidden=true],
#sbox-overlay[aria-hidden=true] {
display: none;
}

#sbox-btn-close {
position: absolute;
width: 30px;
height: 30px;
right: -15px;
top: -15px;
background: url(../images/modal/closebox.png) no-repeat center;
border: none;
}

.sbox-loading #sbox-content {
background-image: url(../images/modal/spinner.gif);
background-repeat: no-repeat;
background-position: center;
}

#sbox-content {
clear: both;
overflow: auto;
background-color: #fff;
height: 100%;
width: 100%;
}

.sbox-content-image#sbox-content {
overflow: visible;
}

#sbox-image {
display: block;
}

.sbox-content-image img {
display: block;
width: 100%;
height: 100%;
}

.sbox-content-iframe#sbox-content {
overflow: visible;
}

/* Hides scrollbars */
.body-overlayed {
overflow: hidden;
}

/* Hides flash (Firefox problem) and selects (IE) */
.body-overlayed embed, .body-overlayed object, .body-overlayed select {
visibility: hidden;
}

#sbox-window embed, #sbox-window object, #sbox-window select {
visibility: visible;
}

/* Shadows */
#sbox-window.shadow {
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}

.sbox-bg {
position: absolute;
width: 33px;
height: 40px;
}

.sbox-bg-n {
left: 0;
top: -40px;
width: 100%;
background: url(../images/modal/bg_n.png) repeat-x;
}
.sbox-bg-ne {
right: -33px;
top: -40px;
background: url(../images/modal/bg_ne.png) no-repeat;
}
.sbox-bg-e {
right: -33px;
top: 0;
height: 100%;
background: url(../images/modal/bg_e.png) repeat-y;
}
.sbox-bg-se {
right: -33px;
bottom: -40px;
background: url(../images/modal/bg_se.png) no-repeat;
}
.sbox-bg-s {
left: 0;
bottom: -40px;
width: 100%;
background: url(../images/modal/bg_s.png) repeat-x;
}
.sbox-bg-sw {
left: -33px;
bottom: -40px;
background: url(../images/modal/bg_sw.png) no-repeat;
}
.sbox-bg-w {
left: -33px;
top: 0;
height: 100%;
background: url(../images/modal/bg_w.png) repeat-y;
}
.sbox-bg-nw {
left: -33px;
top: -40px;
background: url(../images/modal/bg_nw.png) no-repeat;
}
@-moz-document url-prefix() {
.body-overlayed {
overflow: visible;
}
}

Hi Playpaf,

A link to the *form* please, or the page with the form on it.

Bob

Hi,
the site isn't online but it is local. The code in the DB is:
"<div class="ccms_form_element cfdiv_header" id="autoID-35cb791dc62118b917aeeb47bbac6182_container_div"><div style="border-radius: 4px 4px 4px 4px; width: 400px; background: none repeat scroll 0 0 #333333; height: 30px; overflow: hidden; font-size: 18px; left: 0; line-height: 28px; position: absolute; top: 0; z-index: 999;"><a style="color: #FFFFFF; margin-left: 8px; font-family: Arial,Helvetica,sans-serif;">Inviati un promemoria</a></div><div class="clear"></div></div><div class="ccms_form_element cfdiv_text" id="autoID-83e8f1e5bccbdc2e2066d203712652ff_container_div"><label>Il tuo nome</label><input maxlength="300" size="30" class="" title="" type="text" value="" name="input_text_0" />
<div class="clear"></div><div id="error-message-input_text_0"></div></div><div class="ccms_form_element cfdiv_text" id="autoID-d5b37492a79f1e0e6ef77a3f806ae21c_container_div"><label>La tua mail</label><input maxlength="150" size="30" class=" validate['email']" title="" type="text" value="" name="input_text_1" />
<div class="clear"></div><div id="error-message-input_text_1"></div></div><div class="ccms_form_element cfdiv_textarea" id="autoID-005bd72f1976b088cfca3d253211951e_container_div"><label>Testo</label><textarea cols="45" rows="12" class="" title="" name="input_textarea_2"></textarea>
<div class="clear"></div><div id="error-message-input_textarea_2"></div></div><div class="ccms_form_element cfdiv_submit" id="autoID-921b25299ca54faf067d0b6c82a6936a_container_div"><input name="input_submit_4" class="" value="INVIA" type="submit" />
 <input type='reset' name='reset' value='ANNULLA' /><div class="clear"></div><div id="error-message-input_submit_4"></div></div>"
Thanks

Regards
Salvo

Hi,
Is there a chat where we can speak real time?

Regards
Salvo

Hi Salvo,

Sorry but the Form HTML doesn't help. As I said these buttons are on the modal window, not in the form code at all.

Bob

Hi,
I resolved this problem. There was not a import of string.
Thanks so much. :wink:

Regards
Salvo