Highlighted
Community Member

Page Margins?

Jump to solution

How can I add text padding (margins) on a Page?

0 Kudos
1 Solution

Accepted Solutions
Highlighted
Explorer II

No, my codes only give you left padding for a page if you put everything on the page within a div.

You must have a reason to leave equal margin on the four sides of a page, we usually do not worry about top and bottom and let the right side run free. 

I will use <div style="margin: 40px;"> to define it if you have to do so. This gives you 40 px's space around the page, but why do you want to make them this way?

It works better if your system admin can define margin with the master CSS for your institution.  this way, you don't have to worry about it for each page.

View solution in original post

0 Kudos
8 Replies
Highlighted
Explorer II

In-line CSS is your friend. in the <div>or <p> tag, include: style="padding-left: 40px;" it will increase the indentation/thus margin of the page. Warning, since the padding is absolute, you do not want to use a too big value due to the concern of portability on different platforms. 

0 Kudos
Highlighted
Community Member

Thanks for the tip!

Do you know the HTML code to make all margins equal?

Thanks again.

Rik

0 Kudos
Highlighted
Explorer II

Would you be more specific? equal on both sides? 

0 Kudos
Highlighted
Community Member

Is there HTML code to give equal margin spacing (top, bottom, left, right) on the Canvas Page?

When I copy/paste text from another website, the text ends up starting on the far left edge of the Canvas Page.

I would like a cushion (padding) of 25 px so my text isn’t at the far edge.

Hope this makes sense.

Rik

0 Kudos
Highlighted
Explorer II

No, my codes only give you left padding for a page if you put everything on the page within a div.

You must have a reason to leave equal margin on the four sides of a page, we usually do not worry about top and bottom and let the right side run free. 

I will use <div style="margin: 40px;"> to define it if you have to do so. This gives you 40 px's space around the page, but why do you want to make them this way?

It works better if your system admin can define margin with the master CSS for your institution.  this way, you don't have to worry about it for each page.

View solution in original post

0 Kudos
Highlighted
Community Member

Great information! Makes sense to let the right side run free.

And my District just purchased Canvas, so they/me are discovering new things as we enter school in August.

I like your idea of letting the System Admin define margins with the master CSS. I will make the recommendation.

I wanted a little spacing on the sides because I am changing the background color of certain pages and the text content visually looked too close to the left edge, just a quirk with me I guess.

Do you use different colored backgrounds or just keep it white?

Rik

0 Kudos
Highlighted
Explorer II

If you have to define an absolute margine for your page, the following value maybe a recommended solution for you now:

<div style="margin: 20px 10px 2px 25px;">, the order is top, right, bottom, left. Feel free to manipulate the value to fit your needs.

0 Kudos
Highlighted
Community Member

Excellent! I’ve been using the multiple margin code and played around with the padding code too.

I appreciate your time/effort and thoughts. I will be going to my Sys Admin too

Thanks again.

Rik

0 Kudos
Labels