repeat a text for all posts in content aera

• 

  thesacredpath · Member · Jan 19, 2016 at 9:29 pm

  • Copy link

  @kathrynwp, came up with one possible reason things aren’t working in IE11. Try putting two colon before the “before” like this.
  #infinite-handle span button::before
  Apparently IE 9+ like to see the double colon syntax. IE8 however only recognizes and pays attention to a single colon. If the double colon works with IE11, then it will mean that some older version of browsers may not respect things and will not show the text (as IE doesn’t now).

• 

  fragonarts · Member · Jan 19, 2016 at 10:01 pm

  • Copy link

  #infinite-handle span button {
  visibility: hidden;
  }

  #infinite-handle span button::before {
  content: “CONTINUER”;
  visibility: visible;
  position: relative;
  display: block;
  top: 10px;
  color: #ffffff !important;
  }

  #infinite-handle {
  height: 40px;
  }

  No change, sorry…
  Regards,

• 

  thesacredpath · Member · Jan 20, 2016 at 6:54 am

  • Copy link

  I’m afraid I only have one last guess at what to try. Replace what you have with this.

  #infinite-handle button {
      visibility: hidden;
  }
  #infinite-handle button::before {
      color: #fff !important;
      content: "CONTINUER";
      display: block;
      position: relative;
      top: 10px;
      visibility: visible !important;
  }

• 

  fragonarts · Member · Jan 20, 2016 at 12:02 pm

  • Copy link

  #infinite-handle span button::before {
  content: “CONTINUER”;
  visibility: visible;
  position: relative;
  display: block;
  top: 10px;
  color: #ffffff !important;
  }

  Nothing new… sorry,
  the problem is that infinite-handle-button is just one for IE, make no difference between
  #infinite-handle button::before and #infinite-handle button

• 

  fragonarts · Member · Jan 20, 2016 at 12:16 pm

  • Copy link

  Hi there,
  I have found the solution
  I have changed this line with “transparent” (in CSS)
  (see strong line: color: transparent)

  /*media all*/
  #infinite-handle span button, #infinite-handle span button:hover, #infinite-handle span button:focus {
  display: inline;
  position: static;
  padding: 0;
  margin: 0;
  border: none;
  line-height: inherit;
  background: transparent;
  color: transparent;
  cursor: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  }

• 

  thesacredpath · Member · Jan 20, 2016 at 8:54 pm

  • Copy link

  Woohoo! That’s great. I’ve filed that away in my overcrowded mind for future use.

• 

  fragonarts · Member · Jan 20, 2016 at 9:08 pm

  • Copy link

  :-)