HTML help please
- Thread starter deniser
- Start date
Assuming you're tring to make the word Invoice smaller, You will have to either change the word invoice so it isnt a Heading tag <h3> and instead make a custom css style using <p>
If you'd like to keep the H tag you'll have to define the changes in your CSS.
If not, try this <p style="font-size: 16px;">Invoice</p>
Change the 16px to whatever size you require.
If you'd like to keep the H tag you'll have to define the changes in your CSS.
If not, try this <p style="font-size: 16px;">Invoice</p>
Change the 16px to whatever size you require.
Upvote
0
Never, ever, ever use px (or pt) for font sizes.
Always use percentage or em.
The browser will default to 1em so if you want it a bit smaller just add style="font-size: 90%;" to the applicable element
Upvote
0
Don't use the screen stylesheet for the invoice. When you print use a print only stylesheet. This should be left at the default so that the printer looks after the formatting.
You cannot be sure what printer the client is going to use to don't try to fix the size of anything. This means removing anything that suggests 'font-size='.
You cannot be sure what printer the client is going to use to don't try to fix the size of anything. This means removing anything that suggests 'font-size='.
Upvote
0
A
anon154650
It is best to style the font using Cascading Style Sheet code. You either place all of your CSS in a document you call at the top of every HTML page, or you can add the style coding into the header of your HTML. The former is better, as if you change your mind, you can make one change and the whole site is changed.
To call a stylesheet, one normally adds something like this to the <head> section:
<link rel="stylesheet" href="css/styles.css" type="text/css">
I actually call the stylesheet via a full URI, but I have not made enough posts to post URIs yet. Using the full URI means search engines pick the style sheet up as well and your cached website has all of its styling.
Inside styles.css, you can then decide how to format your code. To answer the original posters question, my H1 looks like this:
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; font-weight: bold; color: #000066; text-align: center; background-color: transparent; }
If I wanted a smaller font, I would simple change the font-size to 16px.
If you want to code it to the top of your HTML, add (inside the <head> section) something like this:
<style>
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; font-weight: bold; color: #000066; text-align: center; background-color: transparent; }
</style>
You can also use the above method to override your main style sheet, for example:
<style>
H1 { font-size: 16px; }
</style>
Would override the 18px sizing from the style sheet, but only for that one page.
I hope this helps.
To call a stylesheet, one normally adds something like this to the <head> section:
<link rel="stylesheet" href="css/styles.css" type="text/css">
I actually call the stylesheet via a full URI, but I have not made enough posts to post URIs yet. Using the full URI means search engines pick the style sheet up as well and your cached website has all of its styling.
Inside styles.css, you can then decide how to format your code. To answer the original posters question, my H1 looks like this:
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; font-weight: bold; color: #000066; text-align: center; background-color: transparent; }
If I wanted a smaller font, I would simple change the font-size to 16px.
If you want to code it to the top of your HTML, add (inside the <head> section) something like this:
<style>
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; font-weight: bold; color: #000066; text-align: center; background-color: transparent; }
</style>
You can also use the above method to override your main style sheet, for example:
<style>
H1 { font-size: 16px; }
</style>
Would override the 18px sizing from the style sheet, but only for that one page.
I hope this helps.
Upvote
0
A
alanc
@deniser
If you want to reduce the font on all the text, I suspect you're going to have to modify the .css file that the form uses. That's because each of the elements of a page can have a different size specification, although most of it will be in headers (Hn tags) and 'body' text.
If you want to reduce the font on all the text, I suspect you're going to have to modify the .css file that the form uses. That's because each of the elements of a page can have a different size specification, although most of it will be in headers (Hn tags) and 'body' text.
Last edited by a moderator:
Upvote
0
Latest Articles
-
Andy Burnham's Manifesto for Small Business, and How It Stacks Up Against Count BinfaceIf all goes to plan (or rather, to Labour's timetable), Andy Burnham...- Ozzy
- Updated:
-
SEO in the Age of AI: What UK Small Businesses Actually Need to KnowTL;DR Search has shifted from "ten blue links" to answer engines, and...
- Ozzy
- Updated:
-
What Carphone Warehouse, Microsoft and Uber Have in Common: They Started in a DownturnThere's a comforting myth that you need a booming economy to start...
- Ozzy
- Updated:
-
What Makes a Small Business Actually Sellable?There's a question that a lot of small business owners never think to...
- Ozzy
- Updated:
-
Why Your Team Keeps Asking the Same Questions (And What to Actually Do About It)Every small business owner knows the moment. You're halfway through...
- Ozzy
- Updated: