EasyDiscuss Stuck at Full Page Width
By Justin Sturgis on Friday, 02 January 2015
Posted in General Issues
Replies 11
Likes 0
Views 873
Votes 0
Back in 2012, Scott Chapman asked about the ability make EasyDiscuss look more forum-like. The answer was that it might happen in version 3.

I just purchased all of the Easy products and ED is passed version 3. Has the customization ability been included at this point?

Basically, I want my ED instance to look exactly like this: https://www.easy-profile.com/support/how-to-show-content-of-other-extensions-on-profile.html#reply-1089

Unfortunately on my site (not accessible atm, image attached) ED spans the entire width of the screen, no sidebars, no offsets/padding. I'd prefer it to look like the example above or at the very least be centered as it is here. (Same issue with EasySocial BTW, not centered, takes up the entire width of the page.)

Is there an easy way in ED3 to make these changes? A particular css file to add or change?
Hello Justin,

The entire layout of the page is actually dependent on your Joomla template and not on EasyDiscuss alone. EasyDiscuss itself only utilizes the "component" area. You can view the list of available module positions your template as by accessing http://spa-ciety.com/index.php/discuss?tp=1

I am not entirely sure which module do you want to display on the right but as a sample, I have placed the login module to appear on "position-6 " of your template which is actually the right area.

You should actually consult this with your Joomla template provider because looking at their design, it seems they are displaying the entire page with a full width and there's actually no padding in between the left and right section of the page. For example, if you view your home page, the entire design also spans across the width of the site, http://spa-ciety.com/ .
Mark
·
Saturday, 03 January 2015 17:17
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Justin,

EasyDiscuss initially set to use 100% width. This is why it is spans the entire screen. Regarding your mention "sidebar", it is actually not a sidebar. It is a module on the position right. You can enable any module and position it on the right. So that, this may decrease EasyDiscuss spans. Please give this a try and see if this resolves your issue.

If you have anymore question, please don't hesitate to ask us.
Thanks and Happy New Year.
Yasser Ibrahim
·
Friday, 02 January 2015 15:31
·
0 Likes
·
0 Votes
·
0 Comments
·
@MohdYasser, thank you for the prompt reply. In looking at the page setup and my template sitemap, I see what you are saying. I was able to publish a module to the right side and reduce the ED width.

My question then is how is the Stackideas ED instance centered and not full width without any modules present on either side. Is there a bootstrap type code that I need to place somewhere to control the width or are there empty modules at play here?

Also, is there any chance that you recognize the right side modules in the Easy Profile ED instance?
Justin Sturgis
·
Friday, 02 January 2015 16:06
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Justin,

Actually our forum uses customized css in which the width of EasyDiscuss is based on the class container. We have set the container to use 1170px as it width and set it to center. However, the customization are depends on your template. You can use this as a guide to customize your site:


@media (min-width: 1200px)

.container {

	width: 1170px;

}

.container{

	margin-right: auto;

	margin-left: auto;

	padding-left: 15px;

	padding-right: 15px;

}


If you have anymore question, please don't hesitate to ask us.
Hope this will help.
Thanks.

Happy New Year
Yasser Ibrahim
·
Friday, 02 January 2015 16:40
·
0 Likes
·
0 Votes
·
0 Comments
·
Thank you again Mohd. It is getting quite late here so I will have to try that out in the morning. Can you tell me where I am applying that css string? Is this a new css file or existing and where in the file tree does/should it reside?

JS
Justin Sturgis
·
Friday, 02 January 2015 17:00
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Justin,

I'm not sure which Joomla template you're using. Basically, it is based on your style of displaying your EasyDiscuss. You need to inspect your site and see which class does EasyDiscuss resides (example: wrapper) . Then put the customized css in the default.css/custom.css of your Joomla template.
For better understanding and further assistance, perhaps you can provide us with backend access and FTP access to your site. It is really hard for us to guess which class EasyDiscuss resides. Please put your site's credentials in the Site Details tab provided below.

Hope this will help.
Thanks.
Yasser Ibrahim
·
Friday, 02 January 2015 17:34
·
0 Likes
·
0 Votes
·
0 Comments
·
Mohd, once again, thank you. I appreciate you taking a look at this. I have filled in the site details.

As I mentioned before, ideally I would like my EasyDiscuss page to look identical to the Easy Profile ED, same margins, same news side module. At a minimum, I am hoping to at least have ED and EasySocial centered as it is here at StackIdeas.

The site is fairly well setup though I will be adding either Easy Profiles, Joom Profile, or Multi Usergroup Reg. Hopefully each of those plays well with the StackIdeas offerings.
Justin Sturgis
·
Saturday, 03 January 2015 12:09
·
0 Likes
·
0 Votes
·
0 Comments
·
Mark,

Thank you. Funny, based on Mohd's previous comment, I just made that exact same change via my mobile phone. Now I see that we both added the module to position 6. In any case, I see what you are saying and will contact the template creator. Thanks to both you and Mohd. I am really enjoying the Stackidea products and the community! Keep up the great work!

Edit: one issue remains. Now there are two login forms showing on the Community page and I can't find where the wider version (at the top (position-4?) is activated. Any idea if that one is called something other than 'Easy Social Log Box'?
Justin Sturgis
·
Saturday, 03 January 2015 17:58
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Justin,

You probably just want to turn off the logbox module in the position-4. There's another beauty in Joomla where you can specify which modules appear on which menus (in case you weren't aware of this feature in Joomla, this alone supersedes all other cms's)
Mark
·
Saturday, 03 January 2015 18:29
·
0 Likes
·
0 Votes
·
0 Comments
·
Unfortunately, there isn't anything on in position-4 other than Language Switcher. I can't find that ES login anywhere in the list of active modules."Position-4- was my guess based on the fact that it was below the breadcrumbs in position-3. Any idea what that module might be labeled as?
Justin Sturgis
·
Saturday, 03 January 2015 18:35
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Justin,

I have no idea to be honest and the login to your site has been disabled so I am not really sure how to check this for you
Mark
·
Sunday, 04 January 2015 14:30
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post