ElkArte Community

Project Support => Support => Topic started by: Enrico on September 21, 2015, 02:38:53 pm

Title: Forum width
Post by: Enrico on September 21, 2015, 02:38:53 pm
I used the search option with the word "width" as key, but did not find anything I would like to refer now.

One question: is it possible to reduce the distance between the two arrows? I tried to set the forum width also to a value of 150% but without chance (so I thought it is not possible to enlarge more, but I wanted to be sure ;) ).




Title: Re: Forum width
Post by: Enrico on September 21, 2015, 02:40:40 pm
Quote from: Enrico – I used the search option with the word "width" as key, but did not find anything I would like to refer now.

One question: is it possible to reduce the distance between the two arrows? I tried to set the forum width also to a value of 150% but without chance (so I thought it is not possible to enlarge more, but I wanted to be sure ;) ).

(http://www.elkarte.net/community/index.php?action=dlattach;topic=2964.0;attach=2821)


Thanks!
Title: Re: Forum width
Post by: emanuele on September 21, 2015, 02:48:16 pm
The with is in the theme options (you can use admin > config > current theme).
Though, take in consideration that being the theme "responsive" that value will likely work (I don't remember exactly the code) just for screens wider than 1024px.

That said, at "very high" resolutions (IIRC > 1280px wide) there is a "max-width" setting that to help avoid the body of the forum to become too wide, because that would make less easy to read the content (think about moving the eyes from right to left without missing the exact line you are aiming at, it's easy if the area you are reading is not too large, but after a certain threasold it becomes more difficult).
Title: Re: Forum width
Post by: Enrico on September 21, 2015, 05:10:55 pm
Thanks for your reply Emanuele.
So, if I understood well, the 100% in my 1920x1080 screen is the max width I can obtain, in order to improve the legibility, correct?

Title: Re: Forum width
Post by: Spuds on September 22, 2015, 08:31:26 am
You can override this behavior by editing your index.css file.

Currently when you set your forum width in the template settings, 100% will work up to 90em which is 1260px in this case.  This means on a 1920 screen even at 100% the forum is still forced to be only 1260px wide.  If you want to remove that limitation,  do the following:

Find
Code: [Select]
.wrapper {
margin: 0 auto;
/* Next controls forum width, when it is not set in admin. */
max-width: 90em;
/* Next limits maximum width on wide screens. */
/* Sized in em, since some people require larger text. */
/* For ease of reading, content really should not be too wide. */
width: 90%;
}

Replace with (just delete the max-width line)
Code: [Select]
.wrapper {
margin: 0 auto;
width: 90%;
}
Title: Re: Forum width
Post by: Enrico on September 22, 2015, 10:37:00 am
Thank You!

This evening I will try for sure! ;)
Title: Re: Forum width
Post by: emanuele on September 22, 2015, 01:16:45 pm
Better add a custom.css and drop your css code there! ;D
Title: Re: Forum width
Post by: Spuds on September 23, 2015, 08:32:52 pm
Yup ... I'm always forgetting about using custom.css ... .Old habits are hard to shake !
Title: Re: Forum width
Post by: Enrico on September 24, 2015, 02:08:05 pm
Thanks Spuds and Emanuele, but I think you overrated me. ;)

After several attempts I was convinced to leave every changement to the people that knows what they do.

I will keep the Forum just like you brought to us, keeping standars setting with only changement the language and, may be in future, the skin.

Thanks again for your job, that gives us a beautiful forum software.

 ;)
Title: Re: Forum width
Post by: emanuele on September 24, 2015, 05:57:31 pm
Don't be scared! ;D
It's not difficult.

You take a notepad (maybe not the one bundled with windows, usually it's better something like notepad++), then you create a new file and add:
Code: [Select]
.wrapper {
max-width: 90%;
width: 90%;
}
and save it with te name "custom.css".
Then you take your ftp client (or cPanel if you want or anything else) and upload the file to:
Code: [Select]
themes/your_theme/css
That's all. ;)
Title: Re: Forum width
Post by: Enrico on September 25, 2015, 03:05:43 am
Great! Now I am not at home but this evening, tomorrow morning latest, I will try through FTP.

What I did in the last days was to go into the control panel of the hosting company where I have my micro-forum, open the index "folder" (I do not know if it's correct to call it in this way), try to find the first code listed by Spuds with the intention to replace it with the second code listed.

As I said, after several attempts, I thought it was better to close everything and leave the things as they were. :)

Now with FTP I think it will be easier. I will post (I hope) a screenshot proving my victory against the evil css code! ;D  ;D

Thanks again for the time You spent answering me.

Enrico
Title: Re: Forum width
Post by: Enrico on September 25, 2015, 12:09:29 pm
Perfect! Now the width of the forum have increased and it is perfect for me.

Thanks again for the support!

Enrico

(http://www.elkarte.net/community/index.php?action=dlattach;topic=2964.0;attach=2832)
Title: Re: Forum width
Post by: Enrico on October 04, 2015, 04:19:42 am
Ok, I decided: even my micro-forum will switch to ElkArte.

I will ask you for sure other things, but into the appropriate board.

Thanks to all for the support.

 ;)