some things help don’t work

Hi,
great you like wp-monalisa. Let’s see if we can get it to work.

1) to show the smilies between the submit button and the textarea the theme must support the filter “comment_form_defaults”. Which theme do you use?

2) You can change “Click to smile” either in wpml_comment.php or by changing the translation for your language for this term

3) Yes, this is because if we show different sized smilies in a table, it looks weired and I have nor found a way to change this

4) I have no idea about this. It works on my sites. Let’s check this after we got the basics working

5) it makes the javascript loads at the bottom of the page to reduce load times and improve your speed score. it dies not work with every theme.

6) if you have textarea input for comments and deactivate “Replace emoticons with HTML” it should work.

Can you pleas specify what you mean by “default smile icon”. I didn’t get this.

I hope it helps.

1) The theme that use is Zerif Lite Child
2) I managed to modify it but I realized that in one part the text is white on a black background, the other part I have the white background and the text is not seen, to be able to change the color of the word click to smile, as yes does?
6) I did tests by entering the word “comments” in Comment Text area does not work, if I insert the word “comment” works, but if enabled “replace emoticons with html-images” the emoticons in the spacing of the comment are inserted and then later Having clicked Send you see the icon. But if you deactivate “Replace Emoticons with Html-Images” in the I see space “: Beaming_Smiling_Eyes:” But after clicking Send Comment I don’t see the icon but always the writing “: beaming_smiling_eyes:”

By “default smile icon” I mean the GIF next to the word click to smile, where you need to click to open the table with all the icons inside. But I managed to change it I identified that it is the gif with the name wpml_smile I replace it with another but giving the same name

Hi again,

I checked the theme and it does not use the filter “comment_form_defaults”. IF you want to extend the theme I think it is best trying to look at comments.php.

Tochange the css for wp-monalisa you can rename wp-monalisa-default.css to wp-monalisa.css and change it as you like it.

I tried Zerif Light with the the textfield name “comment” and it seems to work. The popup and other javascript depending features do not work because there are several other javascript error not related to wp-monalisa. I think it might be best way to fix those errors first.

Hope it helps.

I read thanks for the help you’re giving me but unfortunately I have to tell you that I don’t know the php language and it is difficult to make these changes you ask.
If it comes to simple and trivial things, very obvious, maybe I can. But going to educate a command I don’t know how to do it.

Okay, I jsut read the developer discontinued the Zerif Light Theme maybe you should look for theme which is more up-to-date? Just a thought.

Hi I did some tests to change the color of the word click to emoticon from predefined white in color: # 3ac8e7, I renamed wp-monalisa-default.css to wp-monalisa.css and made try to add color row: # 3ac8e7 Under the Rigo Font somewhere but no modifies my mistake. Could you please tell me how to change the color of the text? I write to you here the wp-monalisa.css file code thanks

/* style for smiley comment form box */
div.wpml_commentbox {
    font-size: 8px; 
    border: 0px solid;
    padding: 1px;
    text-align:center;
    aoverflow:hidden; 
/* use these three to minimize space and scroll through the smilies */
/*  overflow:scroll; */
/*  width: 200px; */
/*  height: 150px; */
}

div.wpml_commentbox_text {
    font-size: 8px; 
    border: 0px solid;
    padding: 1px;
    text-align:center;
}

/* style for metabox in edit dialog */ 
div#wpml_metabox {
    font-size: 8px; 
    border: 0px solid;
    padding: 1px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

/* style for icon and text div container */ 
div.wpml_ico_both {
    font-size: 8px; 
    border: 0px solid;
    padding: 1px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    float: left;
}

/* style for icon only div container */ 
div.wpml_ico_icon {
    font-size: 8px; 
    border: 0px solid;
    padding: 1px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    float: left;
    height: 30px;
}

/* style for text only div container */ 
div.wpml_ico_text {
    font-size: 8px; 
    border: 0px solid;
    padding: 1px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    float: left;
    height: 10px;  
}

/* style for text using both */
div.wpml_ico_both_tt{
	 position: relative;
     min-height: 12px;
     }

/* style for text using both */
div.wpml_ico_both_im{
	 position: relative;
     min-height: 30px;
     }
/* style for icon */
img.wpml_ico { 
    border-spacing:2px;
    border-collapse:collapse; 
    margin-left:auto; 
    margin-right:auto; 
    vertical-align: bottom;
}

img.wpml_ico_admin {
	max-width: 32px;
}

div.smiley-popup {
  display: none;
  position: relative;
  padding: 5px;
  width: initial;
  left: 30%;
  margin-left: -140px; 
  height: initial;
  top: -50%;
  margin-top: -160px;
  background-color: #fff;
  border: 1px solid;
  z-index: 20;
  cursor: pointer;
}

/* these are the styles for activated table output */
/* style for smiley table */
table.wpml_smiley_table
{
	width: initial;
	border-collapse: collapse;
	border-width: 0px;
	margin: 0;
}

/* style for icon only table data element */ 
td.wpml_ico_icon {
    font-size: 8px; 
    border: 0px solid;
    padding: 1px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    float: left;
    height: 30px;
}

/* style für die navigation beim ajax auf und zu klappen */
div.wpml_nav {
    font-size: 11px; 
    border: 0px solid;
    padding: 1px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    float: left;
    height: 11px;
}

div.wpml_nav:hover {
    color:#147;
    text-decoration:underline; 
    cursor:pointer;
}

table.editform {
	border-collapse: collapse;
	border-spacing: 5px;
}

table.editform th {
	vertical-align: center;
}

table.editform td {
	padding: 10px;
}

td.td-center {
	text-align: center;
}

Then in the Functions.php file of the baby theme I saw that it is added this function can you add the command to move over the submit button?

//change text to leave a reply on comment form
function isa_comment_reform ($arg) {
$arg['title_reply'] = __('Lascia il tuo saluto');
return $arg;
}
add_filter('comment_form_defaults','isa_comment_reform');

function wpsites_change_comment_form_submit_label($arg) {
$arg['label_submit'] = 'Invia saluto';
return $arg;
}
add_filter('comment_form_defaults', 'wpsites_change_comment_form_submit_label');

• This reply was modified 3 years, 2 months ago by dariotoby.

sorry then I have seen by opening the mistakes that to be corrected but I don’t know what to put you could suggest me? To correct JavaScript errors?

Even if I don’t know anything about php language I managed to correct JavaScript errors that were in the CSS file. Except one that from this warning “Using Height With Border Can Sometimes Make Elements Larger Than You Expect” when it seems it is not necessary to correct a little by reading a little on the Internet.
Below the correct code

/* style for smiley comment form box */
.wpml_commentbox {
    font-size: 8px; 
    border: 1px solid;
    padding: 1px;
    text-align:center;
    overflow:hidden; 
/* use these three to minimize space and scroll through the smilies */
/*  overflow:scroll; */
/*  width: 200px; */
/*  height: 150px; */
}

.wpml_commentbox_text {
    font-size: 8px; 
    border: 1px solid;
    padding: 1px;
    text-align:center;
}

/* style for metabox in edit dialog */ 
#wpml_metabox {
    font-size: 8px; 
    border: 1px solid;
    padding: 1px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

/* style for icon and text div container */ 
.wpml_ico_both {
    font-size: 8px; 
    border: 1px solid;
    padding: 1px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    float: left;
}

/* style for icon only div container */ 
div.wpml_ico_icon {
    font-size: 8px; 
    border: 1px solid;
    padding: 1px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    float: left;
    height: 30px;
}

/* style for text only div container */ 
.wpml_ico_text {
    font-size: 8px; 
    border: 1px solid;
    padding: 1px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    float: left;
    height: 10px;  
}

/* style for text using both */
.wpml_ico_both_tt{
	 position: relative;
     min-height: 12px;
     }

/* style for text using both */
.wpml_ico_both_im{
	 position: relative;
     min-height: 30px;
     }
/* style for icon */
.wpml_ico { 
    border-spacing:2px;
    border-collapse:collapse; 
    margin-left:auto; 
    margin-right:auto; 
    vertical-align: bottom;
}

.wpml_ico_admin {
	max-width: 32px;
}

.smiley-popup {
  display: none;
  position: relative;
  padding: 5px;
  width: auto;
  left: 30%;
  margin-left: -140px; 
  height: inherit;
  top: -50%;
  margin-top: -160px;
  background-color: #fff;
  border: 1px solid;
  z-index: 20;
  cursor: pointer;
}

/* these are the styles for activated table output */
/* style for smiley table */
.wpml_smiley_table
{
	width: auto;
	border-collapse: collapse;
	border-width: 1px;
	margin: 0;
}

/* style for icon only table data element */ 
td.wpml_ico_icon {
    font-size: 8px; 
    border: 1px solid;
    padding: 1px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    float: left;
    height: 30px;
}

/* style für die navigation beim ajax auf und zu klappen */
div.wpml_nav {
    font-size: 11px; 
    border: 1px solid;
    padding: 1px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    float: left;
    height: 11px;
}

div.wpml_nav:hover {
    color:#147;
    text-decoration:underline; 
    cursor:pointer;
}

table.editform {
	border-collapse: collapse;
	border-spacing: 5px;
}

table.editform th {
	vertical-align: central;
}

table.editform td {
	padding: 10px;
}

.td-center {
	text-align: center;
}

After these changes I have evidence and hasn’t changed much
1) I must compulsory enable “Replace Emoticons with Html-Images:” Otherwise the icon is not seen after sending the comment.

As far as I see the css class “comment-form” should change the text color and thank you for your hints about the css. Unfortunately I am not able to fix the javascript errors of the zefir theme. This leads to the problem with wp-monalisa because the javasript of wp-monalisa is not executed after the zefir errors occur.

I managed to correct JavaScript errors as you see above
How do I change the color of the text? What do I put and where?

Great job, if you got the javascript errors fixed. :good:

First: Tochange the css for wp-monalisa you can rename wp-monalisa-default.css to wp-monalisa.css.

Edit this file and add a line:

.comment-form { color: #ff0000; }

This will make the text red. Just change ff0000 to whatever color you want.

I added how you said the row you suggested to me in the final part, but it doesn’t change color, where am I wrong?
I copied you all the file code wp.monalisa.css

/* style for smiley comment form box */
.wpml_commentbox {
    font-size: 8px; 
    border: 1px solid;
    padding: 1px;
    text-align:center;
    overflow:hidden; 
/* use these three to minimize space and scroll through the smilies */
/*  overflow:scroll; */
/*  width: 200px; */
/*  height: 150px; */
}

.wpml_commentbox_text {
    font-size: 8px; 
    border: 1px solid;
    padding: 1px;
    text-align:center;
}

/* style for metabox in edit dialog */ 
#wpml_metabox {
    font-size: 8px; 
    border: 1px solid;
    padding: 1px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

/* style for icon and text div container */ 
.wpml_ico_both {
    font-size: 8px; 
    border: 1px solid;
    padding: 1px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    float: left;
}

/* style for icon only div container */ 
div.wpml_ico_icon {
    font-size: 8px; 
    border: 1px solid;
    padding: 1px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    float: left;
    height: 30px;
}

/* style for text only div container */ 
.wpml_ico_text {
    font-size: 8px; 
    border: 1px solid;
    padding: 1px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    float: left;
    height: 10px;  
}

/* style for text using both */
.wpml_ico_both_tt{
	 position: relative;
     min-height: 12px;
     }

/* style for text using both */
.wpml_ico_both_im{
	 position: relative;
     min-height: 30px;
     }
/* style for icon */
.wpml_ico { 
    border-spacing:2px;
    border-collapse:collapse; 
    margin-left:auto; 
    margin-right:auto; 
    vertical-align: bottom;
}

.wpml_ico_admin {
	max-width: 32px;
}

.smiley-popup {
  display: none;
  position: relative;
  padding: 5px;
  width: auto;
  left: 30%;
  margin-left: -140px; 
  height: inherit;
  top: -50%;
  margin-top: -160px;
  background-color: #fff;
  border: 1px solid;
  z-index: 20;
  cursor: pointer;
}

/* these are the styles for activated table output */
/* style for smiley table */
.wpml_smiley_table
{
	width: auto;
	border-collapse: collapse;
	border-width: 1px;
	margin: 0;
}

/* style for icon only table data element */ 
td.wpml_ico_icon {
    font-size: 8px; 
    border: 1px solid;
    padding: 1px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    float: left;
    height: 30px;
}

/* style für die navigation beim ajax auf und zu klappen */
div.wpml_nav {
    font-size: 11px; 
    border: 1px solid;
    padding: 1px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    float: left;
    height: 11px;
}

div.wpml_nav:hover {
    color:#147;
    text-decoration:underline; 
    cursor:pointer;
}

table.editform {
	border-collapse: collapse;
	border-spacing: 5px;
}

table.editform th {
	vertical-align: central;
}

table.editform td {
	padding: 10px;
}

.td-center {
	text-align: center;
}
.comment-form { 
    color: #ff0000;
}

Your css looks good.

Please try

.comment-form { 
    color: #ff0000 !important;
}

and let’s see if it works

Unfortunately it doesn’t work, in fact I check the triangle of error with the wording “use of !Important”