Reftagger ToolTip/Font size

  • The value of putting the Word of God in front of the eyes in a clear readable manor can hardly be overstated.

    The ability to use the Word of God as a teaching tool visually is imperative.

    Reftagger goes a long way toward this goal.

    It would, however go a great deal further in fulfill the goal if there was the ability to create larger, more readable tips with larger fonts. With Faithlife’s help I can do this in basic HTML/CSS code.

    I cannot in the Word Press plugin version. Could the plugin be enhanced to be the exceptional teaching assistant it could be?

    With deep respect for all you do, please help.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter rdiebel

    (@rdiebel)

    <!DOCTYPE html>
    <html>

    <head>
    <meta charset=”utf-8″>
    <meta name=”viewport” content=”width=device-width,initial-scale=1″>
    <meta name=”generator” content=”RSD 5.0.3508″>
    <title>Index</title>
    <link rel=”stylesheet” href=”css/vanillacss.min.css”>
    <link rel=”stylesheet” href=”css/wireframe-theme.min.css”>
    <script>document.createElement( “picture” );</script>
    <script class=”picturefill” async=”async” src=”js/picturefill.min.js”></script>
    <link rel=”stylesheet” href=”css/main.css”>
    <link rel=”stylesheet” href=”https://fonts.googleapis.com/css?family=Inter:300,400,500,600,b”&gt;
    <style>
    .rtTooltip {
    width: 800px;
    }
    .rtTooltipHeader {
    font-size: 36px;
    line-height: 36px;
    height: 40px;
    padding: 3px 3px;
    }
    .rtTooltipBody {
    font-size: 36px;
    }
    </style>
    </head>

    <body>
    <p>content John 3:16 verse</p>
    </body>
    <script>
    var refTagger = {
    settings: {
    bibleVersion: “KJV”,
    customStyle : {
    heading: {
    backgroundColor : “#000000”,
    color : “#ff0a0a”,
    fontSize : “36px”
    },
    body : {
    color : “#000000”,
    fontSize : “36px”
    }
    }
    }
    };
    (function(d, t) {
    var n=d.querySelector(“[nonce]”);
    refTagger.settings.nonce = n && (n.nonce||n.getAttribute(“nonce”));
    var g = d.createElement(t), s = d.getElementsByTagName(t)[0];
    g.src = “https://api.reftagger.com/v2/RefTagger.js&#8221;;
    g.nonce = refTagger.settings.nonce;
    s.parentNode.insertBefore(g, s);
    }(document, “script”));
    </script>

    </html>

    One way this can be achieved is by installing this additional plugin Insert Headers and Footers and writing the CSS directly into the box provided by plugin (settings >> Insert Headers and Footers >> scripts in header)

    <style>
.rtTooltip {
width: 800px;
}
.rtTooltipHeader {
font-size: 36px;
line-height: 36px;
height: 40px;
padding: 3px 3px;
}
.rtTooltipBody {
font-size: 36px;
}
</style>

    This should be helpful for those who are unable to locate or modify the HTML/CSS source files.

    Thread Starter rdiebel

    (@rdiebel)

    Thanx for all the help. I have been able to get things much more usable.
    My current problem is Reftagger not working in a HTML table.
    Any ideas how to get it to work?

    Thread Starter rdiebel

    (@rdiebel)

    Please disregard. The code had links that needed to be removed before Reftagger would work.
    Thanx for all you do!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Reftagger ToolTip/Font size’ is closed to new replies.

Tags