Make html css Button more enhanced

  • haseebahmad4143

    (@haseebahmad4143)


    6 months ago

    I built my WordPress site using the Kadence theme and Kadence Blocks for Gutenberg, which have allowed me to design and manage the site without coding. I would like to create a custom button using HTML and CSS. Given that my site’s content is managed through Gutenberg, how can I implement and style a custom button directly within this framework?

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Hi there,

    Thank you for reaching out.

    To add a custom HTML and CSS to your website, please add the HTML and CSS to the Custom HTML block. Here is a screencast for your reference:
    https://share.zight.com/qGubE2yL

    You can add this HTML and CSS to the Custom HTML block and change the styling as preferred:

    <button class="custom-button">Click Me</button>
<style>
.custom-button {
    background-color: #3498db;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.custom-button:hover {
    background-color: #2980b9;
}
</style>

    I hope this helps. Please let us know how we can help further.

    Cheers,
    Eze

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.