Virtue Theme – Jump to recipe button

  • I wanted to add Jump to recipe, Print recipe, Jump to video button right on top of my post but under the H1 title. I have some code for it, but unsure of CSS styling. I wanted to be able to make it look like nice buttons, not just a clickable link. Or at the very least in caps and placed right under the title, and centered. Thanks so much for your help.

    • This topic was modified 7 years, 10 months ago by ariabav.
Viewing 5 replies - 1 through 5 (of 5 total)

  • Hey,

    If you can post a link and a detailed description of how you’d like the link to appear, I’ll happily help you with the CSS for this. ??

    -Kevin

    Thread Starter ariabav

    (@ariabav)

    I would like Jump to Recipe, Print Recipe and Jump to video buttons where applicable. I have recipes on all my posts right now. But I wondered if its possible to write a code such that it shows up only on posts where there is a recipe. But right now all my posts are recipes. I dont have videos on all of them yet, but I would like to be able to put the code in a way that the Jump to video button shows up on the top when there is a video on the page. If all of that is difficult and complicated to apply through a single code that applies to the entire site, then I can paste the code for each post as needed.

    Here is a link of a recent recipe post where I have used some code from the recipe plugin maker which shows up as clickable links right under the H1 title as “print recipe” and “jump to recipe”. I would like for it to be like buttons in the colors of my website, like blue for instance. If you click the “jump to recipe” in the following link then it takes you to the plugin where a “print” button shows up so I would like to have buttons like that right under the H1 title –

    https://www.thedeliciouscrescent.com/mixed-sprouts-salad-sundal/

    Or like what is in the links below

    https://sridharkatakam.com/add-jump-recipe-button-using-easyrecipe-genesis/

    https://www.oncecoupled.com/can-link-jump-recipe-easyrecipe/

    Thanks so much

    Sounds like you may be wanting to link to a certain area of your page, and you can do that by adding anchor links by following this tutorial:
    https://www.echoecho.com/htmllinks08.htm

    When you get the links setup, let me know and I can help you style them into buttons.

    -kevin

    Thread Starter ariabav

    (@ariabav)

    Thanks for your response. I have used anchor links before. In the post link above I had added one somewhere within the text. “See below” takes the link to “health benefits of sprouts salad”.

    I wanted to see if it was possible to use a code that can be applied to the entire site in a way that a “Jump to recipe” “print recipe” buttons show up right under the H1 title when there is a recipe on the page. And a “jump to video” when there is a video on that page.

    Alternatively I can add the code for each post. In the post link I had sent above, there are already “print recipe” and “jump to recipe” links under the H1 title created using the code from the recipe plugin developer. But I do not know how to make them into buttons. Also I need to add a “jump to video” button right next to these, when I have a video on the page.

    I can use anchor links too. If that would be better. Thanks again.

    hannah

    (@hannahritner)

    Hi ariabav,
    In the visual editor, you should see an “insert button” button. You can add buttons that way. Does that work for you?

    Hannah

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Virtue Theme – Jump to recipe button’ is closed to new replies.