Skip to content

Instantly share code, notes, and snippets.

Keybase proof

I hereby claim:

  • I am ianthompson on github.
  • I am ianthompson (https://keybase.io/ianthompson) on keybase.
  • I have a public key ASAAOvt4o04s_YfcJy2CbmWO1JityJ6LTclKNLEtXKf_fQo

To claim this, I am signing this object:

@ianthompson
ianthompson / bb-scheme-org.html
Last active October 6, 2016 10:32
Beaver Builder image scheme.org itemscope for logo
<div class="fl-page-header-logo" itemscope="itemscope" itemtype="http://schema.org/Organization">
<img class="fl-logo-img" itemscope="" itemtype="http://schema.org/ImageObject" src="/path/to/image" alt="Beaver Brains">
</div>
@ianthompson
ianthompson / bb-og-meta.html
Created October 6, 2016 09:39
Open Graph meta data for images
<meta property="og:image" content="http://example.com/ogp.jpg" />
<meta property="og:image:secure_url" content="https://secure.example.com/ogp.jpg" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="300" />
@ianthompson
ianthompson / bb-alttag-image.html
Created October 6, 2016 08:58
Basic HTML for displaying an image and alt-tag
<img src="/path/to/image/image-name.jpg" alt="A description of the image" width="150" height="150" />
@ianthompson
ianthompson / bb-basic-image.html
Created October 6, 2016 08:57
Basic HTML for displaying an image
<img src="/path/to/image/image-name.jpg" width="150" height="150" />
@ianthompson
ianthompson / bb-html-javascript-example
Last active September 24, 2016 09:46
HTML and JavaScript example in Beaver Builder
<h4>Enter a name and click "Submit"</h4>
<form id="loginInfo" >
<input id="userName" type="text" name="user" size="40" placeholder='Username' /><br>
<input id="loginButton" type="button" value="Submit" onclick="loginButtonClick()" />
</form>
@ianthompson
ianthompson / bb-html-exmple
Last active September 24, 2016 09:34
HTML Module example for Beaver Builder
<p>Enter names in the fields, then click "Submit" to submit the form:</p>
<form id="frm1" action="form_action.asp">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br><br>
<input type="button" value="Submit">
</form>
@ianthompson
ianthompson / bb-nested-page-highlight.css
Last active September 15, 2016 11:15
Beaver Builder Nested Pages Menu Highlighting
header .fl-page-nav-wrap .navbar-nav > .current-page-ancestor > a {
color: #F7C54A !important;
}
@ianthompson
ianthompson / bb-nested-menu-highlight.css
Last active August 6, 2017 20:11
Beaver Builder Nested Menu Highlights
header .fl-page-nav-wrap .navbar-nav > .current-menu-ancestor > a {
color: #F7C54A !important;
}
@ianthompson
ianthompson / bb-add-author-bio
Last active August 29, 2016 14:33
Add Author bio to your Beaver Builder posts on Wordpress
function my_author_bio($content)
{
if ( is_singular('post') ) {
ob_start(); ?>
<div class="fl-author-bio clearfix media well">
<div class="fl-author-bio-thumb media-left">
<img src="<?php echo get_avatar_url( get_the_author_meta('ID'), 96 ); ?>" alt="<?php the_author(); ?>" class="media-object" />
</div>
<div class="fl-author-bio-text media-body">