Wednesday, March 8, 2017

How to add affiliate link box below post in Genesis

You might have seen box below post which has social links, subscribe links or affiliate links. One can be seen on tecmint.com

To add such box in Genesis framework themes follow below process :


  • Install Gensis Simple hooks plugin.
  • You will see Gensis menu on left hand side column under WordPress admin panel.
  • Navigate to Simple Hooks under it
  • Enter below code in "genesis_entry_footer Hook"

<div class="belowpostbox">
<h4 class="belowposthead">If you like out posts, then</h4>
<ul class="belowpost">
  <li>Like us xyz</li>
<li>Subscribe to our newsletter</li>
  <li>Buy from affiliate link</li>
 </ul>
</div>

Now using CSS code you an decorate this box. We have defined belowpostbox div tag for it. Style this and you will see result as expected.
For example below CSS code will style box with blue color border and fill it with grey color. Also it will round edge corners of box.

.mybox {
  border: 2px solid blue;
padding: 20px;
margin: 5px;
border-radius: 15px;
background-color: grey;
}

You can add style of your own choice.

No comments:

Post a Comment