{"id":3925,"date":"2022-01-27T09:50:19","date_gmt":"2022-01-27T02:50:19","guid":{"rendered":"https:\/\/danielepais.com\/journal\/?p=3925"},"modified":"2022-02-03T11:32:24","modified_gmt":"2022-02-03T04:32:24","slug":"a-custom-html-css-link-box","status":"publish","type":"post","link":"https:\/\/danielepais.com\/journal\/a-custom-html-css-link-box\/","title":{"rendered":"Creating a custom HTML \/ CSS Link Box"},"content":{"rendered":"

Creating a custom HTML \/ CSS Link Box to suggest new articles to our readers.<\/p>\n

\"custom<\/p>\n

There are times when adding another plugin to a WordPress<\/a> site that already contains so many starts to become a dilemma … to do it or not to do it?<\/p>\n

Especially if you think that this plugin does nothing but create a link to a different article in your blog<\/a> (internal links like: read this other article too … etc.)<\/p>\n

So, in these cases why not create a small CSS snippet with a class that establishes the look of the link we want to create, perhaps a sort of CTA button that allows us to highlight the page we are recommending readers to visit .<\/p>\n

Yes, if you are among those who have more fun doing a little bit of their hand instead of having something ready then this article is for you.<\/p>\n

Here we are going to see how to create the script in CSS and where to place it in such a way as to simply refer to it with a class name when we add it to our blog post.<\/p>\n

\n

Table of Contents<\/p>\n