Highlighted

How to I increase the font size on a linked button in html code?

Explorer ,
Jan 16, 2018

Copy link to clipboard

Copied

Website:
https://visualbrandchallenge.com

Problem:

If you look at the link, the button on the left is super tiny but is linked properly. That appears to be the default when I paste the code in without altering it. I would prefer the button on the right which is just the right size, but it isn't linked. I am having trouble figuring out where to add the code and what line of code i need to add from the smaller one to make it the link.

Code for the smaller one:

<a class="button" href="https://graphicmechanic.com/instant-quote/">Get a quote.</a>

Code for the larger, correct one:

<input

type="button" value="take the challenge"

style="font-size:30px"

>

Any assistance would be greatly appreciated!

Adobe Community Professional
Correct answer by BenPleysier | Adobe Community Professional

For the larger button, you have used font-size: 30px; as per

The smaller button has font-size: 1.4rem; as per

Views

243

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

How to I increase the font size on a linked button in html code?

Explorer ,
Jan 16, 2018

Copy link to clipboard

Copied

Website:
https://visualbrandchallenge.com

Problem:

If you look at the link, the button on the left is super tiny but is linked properly. That appears to be the default when I paste the code in without altering it. I would prefer the button on the right which is just the right size, but it isn't linked. I am having trouble figuring out where to add the code and what line of code i need to add from the smaller one to make it the link.

Code for the smaller one:

<a class="button" href="https://graphicmechanic.com/instant-quote/">Get a quote.</a>

Code for the larger, correct one:

<input

type="button" value="take the challenge"

style="font-size:30px"

>

Any assistance would be greatly appreciated!

Adobe Community Professional
Correct answer by BenPleysier | Adobe Community Professional

For the larger button, you have used font-size: 30px; as per

The smaller button has font-size: 1.4rem; as per

Views

244

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Jan 16, 2018 0
Adobe Community Professional ,
Jan 16, 2018

Copy link to clipboard

Copied


Ben

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 16, 2018 0
Explorer ,
Jan 16, 2018

Copy link to clipboard

Copied

I'm not sure why you're seeing this. I was deleting a folder on my ftp server. Maybe that was why. Would you mind trying again? If you still aren't able to open it do you think you are able to see what I can add to the code to make the button link?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 16, 2018 0
Explorer ,
Jan 16, 2018

Copy link to clipboard

Copied

I think i've fixed that particular problem. Had to call my service provider. Any chance you could try again now?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 16, 2018 0
Adobe Community Professional ,
Jan 16, 2018

Copy link to clipboard

Copied

Nowhere in your document can I find

<a class="button" href="https://graphicmechanic.com/instant-quote/">Get a quote.</a>


Ben

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 16, 2018 0
Explorer ,
Jan 16, 2018

Copy link to clipboard

Copied

Okay. Looks like i created a later version after that. Here you are: http://www.visualbrandchallenge.com

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 16, 2018 0
Adobe Community Professional ,
Jan 16, 2018

Copy link to clipboard

Copied

For the larger button, you have used font-size: 30px; as per

The smaller button has font-size: 1.4rem; as per


Ben

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 16, 2018 0
Explorer ,
Jan 16, 2018

Copy link to clipboard

Copied

Thank you.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 16, 2018 0