Comments change text, color and add some text - Support | Kriesi.at

Viewing 16 posts - 1 through 16 (of 16 total)

Author

Posts
July 27, 2021 at 11:56 am #1312706

Tobias777G
Participant

Dear Enfold Team,
thank you very much for the super support here!
I have the following question:
On the post page (page is deposited at the bottom in the Private Content sector), I have comments enabled at the bottom.

However, I would like to change the text for the comment function as following:

Hinterlasse einen Kommentar (should stay that way).
An der Diskussion beteiligen? (should stay like this)
Ich freue mich auf Ihren Kommentar (should be changed like this)
Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert. (shall be added but with spacing to the text above)
In addition, the button “Kommentar abschicken” should appear in the color #719430, as well as the circle with the number of comments (currently 0).
The frames of the data for name, email, website, message… should be in black color, because the gray is hardly recognizable. But very thin.

What is the best way to change this?

July 29, 2021 at 8:45 pm #1313324

Tobias777G
Participant

And how can i change the background of the commentfields (Name, E-Mail, Website and Message) into color #ffffff just for one specific site and comment element custom css class in the comment element.

An example of the site i also want it you can see in the private content box (scroll down to the end at the site and you see am comment element with white background color. Thats what i want but only for one page so i need a custom id css).

July 30, 2021 at 11:09 am #1313421
Mike
Moderator
Hi,
Thank you for your patience, I’m not sure that I understand your request correctly because you asked for many text changes but these seem to be in place so I will jump to changing the button & comment circle color.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
```
#top .main_color #submit, 
#top .main_color input[type='submit'],
#top .main_color .comment-count {
	background-color: #719430;
}
```
After applying the css, please clear your browser cache and check.
In your second post you asked to change the input field color to white for only one page, but the input field is already white, so as an example please see this code and change the color lightgray to your choice, and please note the post ID postid-1307 and change this for the page or post that you want this to work for, currently it is set to the post you linked to.
```
#top.postid-1307 .main_color .input-text, 
#top.postid-1307 .main_color input[type='text'], 
#top.postid-1307 .main_color input[type='input'], 
#top.postid-1307 .main_color input[type='password'], 
#top.postid-1307 .main_color input[type='email'], 
#top.postid-1307 .main_color input[type='number'], 
#top.postid-1307 .main_color input[type='url'], 
#top.postid-1307 .main_color input[type='tel'], 
#top.postid-1307 .main_color input[type='search'], 
#top.postid-1307 .main_color textarea, 
#top.postid-1307 .main_color select {
    background-color: lightgray !important;
}
```
Best regards,
Mike
July 30, 2021 at 11:52 am #1313432

Tobias777G
Participant

thank you mike. That is what I wanted. One last question, then we can close the thread.

How can I change the <span class=”comment-text”>comments< , which is currently in gray to #000000 (black). So the text just below the comment counter that is currently gray. And the horizontal strokes next to the comment counter on the right and left in gray I would also like to change to black.

This change should apply to all comment elements.

Translated with http://www.DeepL.com/Translator (free version)

July 30, 2021 at 12:35 pm #1313441
Mike
Moderator
Hi,
Please try this css:
```
#top .main_color .comment-text {
	color: #000;
}
#top .main_color .center-border {
	border-color: #000;
}
```
Best regards,
Mike
July 30, 2021 at 2:29 pm #1313461

Tobias777G
Participant

Hi Mike, sorry for another question, but with your code

#top .main_color #submit,
#top .main_color input[type=’submit’],
#top .main_color .comment-count {
background-color: #719430;
}

On my startpage and other pages the contact form getting also green, but i dont want it. How can i exclude the contact form from this?

thanks

July 31, 2021 at 12:41 pm #1313585
Mike
Moderator
Hi,
Try adding the post ID to the css like this:
```
#top.postid-1307 .main_color #submit, 
#top.postid-1307 .main_color input[type='submit'],
#top.postid-1307 .main_color .comment-count {
	background-color: #719430;
}
```
Best regards,
Mike
July 31, 2021 at 1:19 pm #1313592

Tobias777G
Participant

Hi Mike,
thanks for your answer.

Sadly the code does not work. The contact form button “Senden” on my startpage (last element on the startpage) is still green. I have now change it to return.

Any idea? My login data is in the private content-box.

At least i have getting a custom ID code from you for the comments (in the beginning of this topic) on my blog https://www.tobiasgabel.com/unternehmen-google-maps-eintragen-aendern-loeschen/
The comment fields are white background.
Why does it not work for https://www.tobiasgabel.com/wordpress-sitemap-erstellen/ ? I have addes the custom id top.postid-1307 to the comment field in the same why as the first site.

July 31, 2021 at 5:44 pm #1313619
Mike
Moderator
Hi,
Thank you for the login I added this to the bottom of your Quick CSS for the submit button and the comment-count circle, it doesn’t seem to change your startpage button:
```
#top .main_color .form-submit > #submit, 
#top .main_color .comment-count {
	background-color: #719430;
}
```
please clear your browser cache and check.

Best regards,
Mike
July 31, 2021 at 5:56 pm #1313620

Tobias777G
Participant

Works fine, thanks.

And did you have any idea why my comment background color on https://www.tobiasgabel.com/unternehmen-google-maps-eintragen-aendern-loeschen/ is in white and on https://www.tobiasgabel.com/wordpress-sitemap-erstellen/ don’t? I used for each comment sector the same custom-id.

postid-1307

And the quick CSS is in the generel styling sector under theme options:

#top.postid-1307 .main_color .input-text,
#top.postid-1307 .main_color input[type=’text’],
#top.postid-1307 .main_color input[type=’input’],
#top.postid-1307 .main_color input[type=’password’],
#top.postid-1307 .main_color input[type=’email’],
#top.postid-1307 .main_color input[type=’number’],
#top.postid-1307 .main_color input[type=’url’],
#top.postid-1307 .main_color input[type=’tel’],
#top.postid-1307 .main_color input[type=’search’],
#top.postid-1307 .main_color textarea,
#top.postid-1307 .main_color select {
background-color: #ffffff !important;
}

August 1, 2021 at 2:10 pm #1313696
Mike
Moderator
Hi,
Sorry, I see there has been a misunderstanding, so in my original post about this css:
```
#top.postid-1307 .main_color .input-text, 
#top.postid-1307 .main_color input[type='text'], 
#top.postid-1307 .main_color input[type='input'], 
#top.postid-1307 .main_color input[type='password'], 
#top.postid-1307 .main_color input[type='email'], 
#top.postid-1307 .main_color input[type='number'], 
#top.postid-1307 .main_color input[type='url'], 
#top.postid-1307 .main_color input[type='tel'], 
#top.postid-1307 .main_color input[type='search'], 
#top.postid-1307 .main_color textarea, 
#top.postid-1307 .main_color select {
    background-color: #ffffff !important;
}
```
I believed that there was only one page or post that you wanted this to work on, so I suggested using the post ID .postid-1307 which would be specific to that one page or post, but I see now that you wanted to use a custom class for this element to determine when it would be white, so in that case I changed your element custom ID from this:

to this custom class white-input:

and I changed your Quick CSS to this:
```
#top .main_color .white-input .input-text,
#top .main_color .white-input input[type='text'],
#top .main_color .white-input input[type='input'],
#top .main_color .white-input input[type='password'],
#top .main_color .white-input input[type='email'],
#top .main_color .white-input input[type='number'],
#top .main_color .white-input input[type='url'],
#top .main_color .white-input input[type='tel'],
#top .main_color .white-input input[type='search'],
#top .main_color .white-input textarea,
#top .main_color .white-input select {
background-color: #ffffff !important;
}
```
This now works correctly for these two pages:

Unternehmen Google Maps eintragen ändern löschen

WordPress Sitemap erstellen

Please clear your browser cache and check, and adjust any other pages.

Best regards,
Mike
August 1, 2021 at 3:36 pm #1313706

Tobias777G
Participant

thanks Mike works well

August 1, 2021 at 7:37 pm #1313718

Tobias777G
Participant

Hi Mike, sorry that i have so much to ask.
What I unfortunately noticed is that now above my image on the top left, for example on the home page, the social share buttons of Xing and LinkedIn are all in green instead of the original colors when scrolling over the image. Has it changed there with the code something. It should be related to the links that are set to green. Is it possible to exclude the social share buttons?

The login for my website is in the private box.

August 1, 2021 at 8:54 pm #1313731
Mike
Moderator
Hi,
I adjusted the css to this:
```
#top #main > div:not(#footer,#socket) a:not(.avia-button,.avia-team-icon) {
	color: #719430;
}
```
Please clear your browser cache and check.

Best regards,
Mike
August 1, 2021 at 8:58 pm #1313732

Tobias777G
Participant

Works fine. Thanks for your great work and help.

August 2, 2021 at 11:36 am #1313883

Mike
Moderator

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike
Author

Posts

Viewing 16 posts - 1 through 16 (of 16 total)

The topic ‘Comments change text, color and add some text’ is closed to new replies.