Site logo

Archived topic

About Buttons

7 replies · Started by uglyc on July 9, 2022

Viewing posts 1–8 of 8

Dear GP team,

I use the .button class to create buttons in my post. Here's what the code looks like:
Button to Google

But I have a problem, when I insert a button in my post, it sits at the left side. How can I place it at the middle of the page?
https://snipboard.io/ugdJ6l.jpg

Hi Leo,

Thanks for your time. I appreciate your help. Pls see below.
Plus, pls let me know if I haven't made myself clear.

Hi there,

if you inspect your HTML ( in the code editor ) you will see your <a> is in a <p> like so:

<p>
    <a class="button sun-flower" rel="nofollow sponsored" href="the_link_url">Check It Out</a>
</p>

Edit that code and give the <p> a class of: has-text-align-center

So it looks like this:

<p class="has-text-align-center">
    <a class="button sun-flower" rel="nofollow sponsored" href="the_link_url">Check It Out</a>
</p>

Hi David,

Thanks very much for your time. Can I insert the following code directly into the [/]shortcode block? Is it the right way to get the button I want?

<p class="has-text-align-center">
    <a class="button sun-flower" rel="nofollow sponsored" href="the_link_url">Check It Out</a>
</p>

No.
Options:

1. Use a HTML block.

or

2. From the 3 dot menu in the tool bar, switch to code view. And add the HTML there or just edit the HTML you already have on that page.

Hi David,

It works now. Thanks so much a lot.

You're welcome

This archived topic is closed to new replies.