Button: font size and button size

Hi,

I wanted to make a link in shape of a button.
I made one, but cannot change the size.

Would you give me the code to change:

  1. text size
  2. button size

You can see one at the bottom of the page below.
http://urx3.nu/T5pm

Please note that I do not want to change the call to action button on the front page, which is brown and in square.

Thank you in advance and best regards,

Hello there,

Thank you for contacting us and asking about our theme Sydney. I am happy to help out.

Can you share a screenshot and put some annotations to point me the location, so I can help you in a better way?

Regards,
Kharis
aThemes Support

Hi,

I am not sure if I fully understand your request.

It seems that the shortened link that I provided in my previous post is no longer working, so I’ve just made another one.
http://ur2.link/TVJ6

Also, here is the screenshot of the button in the question, which you can find at the bottom of the page, which is linked to “home.”

button

I hope this will meet your request.
If not, let me know what I should provide you with in order for me to get your help.

Regards,

Hello there,

Thank you for getting back and updating me with the requested screenshot.

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .wp-block-button .wp-block-button__link {
      font-size: 20px;
      padding: 17px 27px;    
    }

Regards,
Kharis
aThemes Support

Hello Kharis,

It worked perfectly!
Thank you for much.

Regards,

Hi,

After sending my thank-you reply, I’ve realized that I have one more to ask, if I may.

I would like to have those buttons turn opaque when hovered.
Would you give me codes for this, too?

Thanks,

You’re welcome!

Try adding this code:

    .wp-block-button .wp-block-button__link:hover {
      opacity: 0.7;
    }

I hope this helps.

Let me know in new topics for your other questions.

Regards,
Kharis
aThemes Support

Hi Kharis,

It worked perfectly!!
Thank you again.

Best regards,

1 Like

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis
aThemes Support