Body text margin in Sketch Theme

eddiemerma · Member · Sep 23, 2015 at 11:01 pm
Copy link

Add topic to favorites
How can I adjust the margins of my body text on my ‘About’ page?

(I want to make the paragraph slimmer)

Can I give other pages different size margins?

eddiesworkshops.com

Thank you!

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Sep 24, 2015 at 12:44 am
Copy link
Hi, the width of the site is controlled by the max-width set for the .site div. You can add the following and adjust the 1200px value as desired. Since you asked only about your About page, I’ve limited this change to only that page by using the unique page id CSS body class for that page.
```
.page-id-6 .site {
    max-width: 1200px;
}
```
You can use this as a guide if you wish to set different widths on different pages. To find the unique page id for a page, visit that page and use your browser web inspector and look at the opening HTML body tag for the unique page id class. Remember to precede it with a period ( . ) in the CSS like I did above.
eddiemerma · Member · Sep 24, 2015 at 12:55 am
Copy link
Thank you once again!

Is there a way to only adjust the text paragraph?

When I adjust max-width everything (menu bar, logo) changes.

I would like to just make the written paragraph slimmer.
thesacredpath · Member · Sep 24, 2015 at 1:49 am
Copy link
Yes, we can do that. Add the following and adjust my example 500px value as desired. What you will notice is that it makes the logo and menu look like it is not centered. The second rule narrows the header area on that page a bit so that things look more centered.
```
.page-id-6 .site-content {
    max-width: 500px;
}
.page-id-6 .site-header {
    max-width: 800px;
    float: none;
    margin-left: auto;
    margin-right: auto;
}
```
eddiemerma · Member · Sep 24, 2015 at 3:20 am
Copy link
thank you dearly. this worked great.
thesacredpath · Member · Sep 24, 2015 at 3:21 am
Copy link
Awesome, and you are welcome. Let us know if you have additional questions.

No items found.