Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

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

Explorer ,
Jan 16, 2018 Jan 16, 2018

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!

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

correct answers 1 Correct answer

Community Expert , Jan 16, 2018 Jan 16, 2018

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

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

Translate
Community Expert ,
Jan 16, 2018 Jan 16, 2018

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jan 16, 2018 Jan 16, 2018

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?

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jan 16, 2018 Jan 16, 2018

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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 16, 2018 Jan 16, 2018

Nowhere in your document can I find

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

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jan 16, 2018 Jan 16, 2018

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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 16, 2018 Jan 16, 2018

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

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

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jan 16, 2018 Jan 16, 2018
LATEST

Thank you.

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