How to make next narrower

yeonandbee · Member · Apr 6, 2017 at 7:18 am
Copy link

Add topic to favorites
Hi, I was wondering how I can make the text of the body of my blog posts more narrow formatted?

The blog I need help with is: (visible only to logged in users)
otpidusprime · Member · Apr 6, 2017 at 8:50 am
Copy link
Hi @yeonandbee,
You can just use this simple CSS code to reduce the width of the articles so that texts inside them appear narrower:
```
.entry-content {
    max-width: 80%;
    width: 1000px;
    margin: 0 auto;
}
```
Let me know if it helps :)
yeonandbee · Member · Apr 6, 2017 at 11:57 am
Copy link
Hi, yes it did thanks! I was also wondering how to centre my page? My menu, which is at the top of my page and my text do not seem aligned in the middle?
yeonandbee · Member · Apr 6, 2017 at 11:58 am
Copy link
Hi, yes it did thanks! I was also wondering how to centre my page? My menu, which is at the top of my page and my text do not seem aligned in the middle?
thesacredpath · Member · Apr 6, 2017 at 11:58 pm
Copy link
Hi @yeonandbee, the menu items link elements have different left and right padding, so that may be what you are seeing. Add the following to your custom CSS, which takes the total of left and right padding and splits it on each side.
```
.main-navigation ul a {
	padding-left: 14px;
	padding-right: 14px;
}
```
On the code that @otpidusprime gave you above, I might suggest a couple of changes to that. See how this works, and you can adjust the max width as you see fit.
```
.entry-content {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}
```
thesacredpath · Member · Apr 6, 2017 at 11:58 pm
Copy link
@otpidusprime, many thanks for all your help in the forums. It is greatly appreciated.
otpidusprime · Member · Apr 7, 2017 at 8:11 am
Copy link
@thesacredpath,
Thanks for the changes to my code.
I am learning a lot in these forums :)
thesacredpath · Member · Apr 7, 2017 at 8:35 pm
Copy link
@otpidusprime, you are welcome.

No items found.