How do I change page width for articles?
By Ronny Ko on Sunday, 15 October 2017
Posted in Technical Issues
Replies 3
Likes 0
Views 641
Votes 0
Hello - I would like to know how I would be able to change the layout and therefore the width where my articles reside. For example, my article now are taking the entire width of the page. But lines being so long make it very hard to read for the eye. If I can narrow the number of words per line to about 8-10, it would be great.

to get there, how do I add a column to the right side of the article body and fill it with related articles or other links?

To show you here's a link to an article: https://mybooks.solutions/by-the-numbers-blog/cloud-system-helped-jillian-to-not-lose-one-client-after-fire

And by the way, are there ways to change the template with pre-made templates or something?
Hey Ronny,

The width is actually dependent on your Joomla template and not EasyBlog as EasyBlog's layout is fluid, it takes up the full width given to it from the template, https://s3-ap-southeast-1.amazonaws.com/imarklee/screenshots/Monosnap_2017-10-15_13-04-08.png

I am not sure if your Joomla template allows you to alter the width of the component area in the template but you could actually resize it using css if you want to,

[gist]
body.com-easyblog .sp-column {
width: 600px;
}
[/gist]

600 pixels is just an example, you can change this to a value you see fit.
Mark
·
Sunday, 15 October 2017 13:06
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi,

The CSS you provided affects the entire page including the page header and footer. Thus, the entire page gets resized to 600pixel. Obviously this isn't desirable.

My template is Joomshaper's Helix 3 with SP Page Builder 2

How about this. Would be possible to make a module out of EasyBlog and then I can include the resulting module into SP Page Builder? SP Page Builder will allow me to make what I want.
Ronny Ko
·
Monday, 16 October 2017 00:48
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Ronny,

Hm, that css changes would only affect EasyBlog's pages because of the .com-easyblog class that is applied on the body. Perhaps if your template supports a right position, you could try placing some modules on the right so that the width of the component area get's reduced?
Mark
·
Monday, 16 October 2017 00:59
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post