How can I customize the Jump/Print links?

By default, the Jump & Print recipe links look like this when you activate them:

However, if you're interested in making them look more like a button, you can go to Appearance > Customize > Additional CSS and use the following code:

.tasty-recipes-quick-links a {
    border: 1px solid #000;
    background-color: #999;
    color: #fff;
}

VoilĂ ! Your buttons should now look like this:

You can also edit the hover state of the buttons with this code:

.tasty-recipes-quick-links a:hover {
border: 1px solid #ccc;
background-color: #ccc;
color: #fff;
}

Was this article helpful?

Related Articles

Need Support?

Can't find the answer you're looking for?
Contact Support