Motif theme – Comment area

• 

  orangemediatique · Member · Jan 8, 2015 at 11:31 am

  • Copy link
  • Add topic to favorites

  Hi there,

  first, happy new year to everybody!

  second, a new question: do you know how to change the color and the text (now it’s “Laisser un commentaire”) of the comment area on blog posts (like this one for instance, http://orangemediatique.fr/2014/11/24/mais-enfin-cest-quoi-une-strategie-editoriale/)?

  Thanks for your help!

  The blog I need help with is: (visible only to logged in users)

• 

  staff-happychia · Staff · Jan 8, 2015 at 6:01 pm

  • Copy link

  Please try this:

  #respond h3.comment-reply-title {
      color: red;
  }

• 

  orangemediatique · Member · Jan 9, 2015 at 10:03 am

  • Copy link

  It’s working! Thanks!!
  Do you also know how to replace “Laisser un commentaire” by another text?

• 

  staff-happychia · Staff · Jan 9, 2015 at 10:16 am

  • Copy link

  Use this style and replace the value of the content attribute – Leave a comment- with whatever text you wish. Just surround your text with in ” and “.

  h3#reply-title {
      display: none;
  }
  
  div#respond:before {
      content:  "Leave a comment";
      display: block;
      padding: 10px;
      color: green;
      font-family: anonymous-pro-1,anonymous-pro-2,"Droid Serif",Georgia,serif;
      font-size:21px;
   }

• 

  orangemediatique · Member · Jan 9, 2015 at 11:06 am

  • Copy link

  Whaouh! Thanks again!
  One last question: why is it necessary to mention several fonts in “font-family”?
  I would like to have this text in “anonymous-pro” but it’s not working when I just put “anonymous-pro”.

• 

  staff-happychia · Staff · Jan 9, 2015 at 6:49 pm

  • Copy link

  Seems there is no “anonymous-pro” font, there’s only “anonymous-pro-1” or “anonymous-pro-2”

  So please try:
  font-family: anonymous-pro-1

  why is it necessary to mention several fonts in “font-family”?

  Because there is no guarantee that all your visitors have the specified fonts installed. If the browser does not support the first font, it tries the next font.

  Start with the font you want, and end with a generic family, to let the browser pick a similar font in the generic family, if no other fonts are available.

• 

  orangemediatique · Member · Jan 12, 2015 at 9:04 am

  • Copy link

  Ok, I understand!
  I tried anonymous-pro-1 (and 2) but it’s not working (the font remains the same).
  If I put anonymous-pro, the font changes but, when I save the modifications, the previous font comes back. It’s weird!

• 

  staff-happychia · Staff · Jan 12, 2015 at 9:17 am

  • Copy link

  div#respond:before {
      content: "A vos commentaires!";
      display: block;
      padding: 10px;
      color: #393;
      font-family: anonymous-pro;
      font-size: 21px
  }

  is what I see as your current custom CSS. Did you save your changes after changing the font-family value to anonymous-pro-1 ?