By Jeff Suddaby on Friday, 22 August 2014
Posted in General Issues
Replies 3
Likes 0
Views 432
Votes 0
Hi,

At http://whazzat.org/blog.html I want to set the width of the entire blog at about 770 px, and center the blog on the page.

How do I do this?

TIA - Jeff.
Hello,

You can actually try adding the block of css codes below,


#eblog-wrapper { width: 770px !important; }
.tm-content { margin-left: 100px !important; }
·
Friday, 22 August 2014 23:44
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks Mark,

Hmm... Actually, I just figured out how to accomplish the task by changing the template css for the blog page. So now, there's no need to modify the Easy Blog css.
__

But still, I'm wondering... is there a way to do this with the Easy Blog css...? i.e.

The code snippet you sent works fine in a full browser window - but it's not responsive.

I changed "width:" to "max-width:" - so the wrapper re-sizes at different browser window sizes.

BUT, of course, the 100px margin remains, even in smaller size windows.

So... how do I get the wrapper to center itself in all window sizes... I guess without setting a hard left margin?


TIA - Jeff.
·
Saturday, 23 August 2014 18:40
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Jeff,

I am really sorry for the delay of this reply as it is a weekend for us here. Ideally you should do this on your template's css level instead of EasyBlog because EasyBlog is only a small portion of the entire Joomla site
·
Sunday, 24 August 2014 00:08
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post