5 Replies Latest reply on Nov 4, 2014 2:01 PM by resdesign

    How to change the A:href css in a loaded JSON html block

    QuadrantProductions Level 1

      If we have JSON loading html in and in that text block we have a tags to links (see example below of the JSON string).  How do you add the css to control how that a:link should look?  It's defaulting right now to standard blue and underlined and is not picking up the text properties of the text div in animate other then the font type.

      Would we control it by assigning it a class and then external css?  Is there a way to do it without it being inline?

       

      //EXAMPLE JSON LOADED BLOCK

       

      {
      "image" : "images/th-hp-water.jpg",
      "bigtitle" : "At Palermo Ortho in Oakville ON, we provide braces and orthodontics for kids, teens and adults.",
      "thelinktext":"",
      "thelink" : "",
      "description":"We provide Orthodontics for Children, Teens and Adults.<br></br>The days of scary braces are gone and we have ergonomic braces options that help you achieve that smile you want while never getting in the way of your active lifestyle.  If you are looking for braces for kids, teens or adults we've got you covered.<br></br>Learn more about <a href='http://www.palermo-ortho.ca/'>orthodontics for kids</a>, <a href='http://www.palermo-ortho.ca/'>teens</a> and <a href='http://www.palermo-ortho.ca/'>adults</a> including <a href='http://www.palermo-ortho.ca/invisalign-in-oakville.html'>invisalign</a>"
      },

       

      The above block of text is loading fine, (see screen shot) but it's defaulting to blueScreen Shot 2014-11-04 at 10.48.05 AM.png