Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

Title rewritten as: How to resize text in all input areas (including email signup, comment box and recipe index page dropdown) in CSS?

P粉465675962 2023-09-14 15:17:43

530

Website: https://olivesfordinner.com/

Look for CSS code that can achieve the following effects:

Make the text larger when entering your email to register on the home page. It's too small.
When leaving a comment on a recipe post (eg: https://olivesfordinner.com/toasted-muesli-recipe/), how to make the text larger as readers type. Again, this text is too small.
How to make the text in the drop-down text box on the left column larger. They are so small! https://olivesfordinner.com/recipe-index/

Thanks!

I've searched a lot for CSS code, but none I've found affect the text size of these areas.

P粉465675962

reply all (2)

P粉4935341052023-09-15 13:06:26 2 floor

The font size is set as follows

input, select, textarea { .... font-size: 11px; font-style: italic; .... }

This will set the font size of theinput,selectandtextareaelements to11px.

Repair method

1- You can updatefont-sizeto the desired size

input, select, textarea { .... font-size: 20px; .... }

But please notethat this will affect allinput,selectandtextareaelements

in the site

2- You can create a new classwith the requiredfont-size

.font-size-20 { font-size: 20px; }

Add this class to elements that require a larger font size, such as

Like+0

Add Reply

P粉4208682942023-09-15 10:16:01 1 floor

Question 1

This will increase the font size of yourGet new recipes via emailelement

.enews-form > #subbox { font-size: 12pt !important; } .enews-form > input[type=submit] { font-size: 12pt !important; }

Question 2

This will fix this issue

#commentform textarea#comment, #commentform input#author, #commentform input#url { font-size: 13pt !important; }

Question 3

This will fix the dropdown

select#cat, select#archives-dropdown-2 { font-size: 12pt; }

Notice

You can add custom CSS for each question to each page or globally as shown below

/* 问题1的解决方案 */ .enews-form > #subbox { font-size: 12pt !important; } .enews-form > input[type=submit] { font-size: 12pt !important; } /* 问题2的解决方案 */ #commentform textarea#comment, #commentform input#author, #commentform input#url { font-size: 13pt !important; } /* 问题3的解决方案 */ select#cat, select#archives-dropdown-2 { font-size: 12pt; }

Please note that this CSS code only works on the respective elements, unlike the CSS codes in other answers.

Like+0

Add Reply