Using the hextra button shortcode inside a Steps shortcode #424
Replies: 4 comments 1 reply
-
I don't think the shortcode supports the buttons (I could be wrong), however you can use cards as an alternative and I think it might suit it better due to the colour changing and ability to allow for an icon. {{< cards >}} You can change the icons to any of heroiconsv1: https://v1.heroicons.com/ |
Beta Was this translation helpful? Give feedback.
-
I think the reason is because mixing HTML & Markdown. Basically the button HTML code was treated as Markdown. The inner part of the
These lines will produce HTML code. Thus causing the issue you saw. You could remove the steps shortcode, and just use plain Markdown ordered list. |
Beta Was this translation helpful? Give feedback.
-
Can you also change the colour?
…On Fri, 12 Jul 2024 at 20:33, Devraj Bagchi ***@***.***> wrote:
I don't think the shortcode supports the buttons (I could be wrong),
however you can use cards as an alternative and I think it might suit it
better due to the colour changing and ability to allow for an icon.
{{< cards >}}
{{< card link="../callout" title="Request A Licence" icon="cursor-click"
link="https://aka.ms/ISVForm" >}}
{{< /cards >}}
—
Reply to this email directly, view it on GitHub
<#424 (comment)>,
or unsubscribe
<https://github.com/notifications/unsubscribe-auth/AG7KYESA27SIZTB46SCR6MLZMAVSLAVCNFSM6AAAAABKUZSKS6VHI2DSMVQWIX3LMV43URDJONRXK43TNFXW4Q3PNVWWK3TUHMYTAMBTGUZDENQ>
.
You are receiving this because you authored the thread.Message ID:
***@***.***>
|
Beta Was this translation helpful? Give feedback.
-
I’d like to learn a little bit more on how I use tailwind, I don’t really
understand What are you linked to? Is there a clearer explanation?
…On Sat, 13 Jul 2024 at 13:07, Xin ***@***.***> wrote:
Nope, to be honest, I don't recommend using this component
hextra/hero-button since it's supposed to be internal to Hextra landing
page.
You can use Tailwind CSS to create your own components: #111
<#111>
—
Reply to this email directly, view it on GitHub
<#424 (reply in thread)>,
or unsubscribe
<https://github.com/notifications/unsubscribe-auth/AG7KYERJHNTB6C5PLUSFZODZMEKBVAVCNFSM6AAAAABKUZSKS6VHI2DSMVQWIX3LMV43URDJONRXK43TNFXW4Q3PNVWWK3TUHMYTAMBTHA3DQOI>
.
You are receiving this because you authored the thread.Message ID:
***@***.***>
|
Beta Was this translation helpful? Give feedback.
-
Hi All,
Im new to Hugo and Hextra, but I would like to use the Hero button inside a Steps shortcode
this is what I get when I try to include the hero code, in the same way its used on the main page
This is the markdown I'm using
Beta Was this translation helpful? Give feedback.
All reactions