The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Forum Width

View previous topic View next topic Go down

Solved Forum Width

Post by Aconitin on January 9th 2014, 1:47 pm

I have an issue with my forum width..
Look at this :

In my admin panel, it's set on 75% but it's still so wide..
Here my CSS, maybe one component of them that cause the problem..
Code:
/**********************************************************************
*                       Flowery Green - PHPBB3                        *
* Author: Ange Tuter/SethC1995                                        *
* Questions? Contact: http://fmdesign.forumotion.com/u1contact        *
**********************************************************************/
/*Basic Style*/
a {
-webkit-transition:0.400s;
text-decoration:none;
transition:0.400s;
}
a:hover{
text-decoration:underline;
}
b, strong{
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
}
.h3, .content h2, .panel h2 {
border-bottom:1px solid #090;
color:#090;
}
body {
background-image:url('http://i.imgur.com/UAvsFKQ.jpg');
background-attachment:fixed;
background-repeat:repeat-x;
background-color:#fff;
}
#wrap {
background-image: url("http://i56.servimg.com/u/f56/18/21/60/73/bgwrap10.png");
box-shadow: 1px 1px 10px rgba(0,0,0,0.4);
background-position: center bottom;
background-repeat: repeat-x;
-webkit-border-radius:5px;
background-color:#fcfcfc;
-moz-border-radius:5px;
-o-border-radius:5px;
margin-bottom:20px;
border-radius:5px;
margin-top:40px;
}
li.header dd, li.header dt, .h3, h3, table.table1 thead th, dl.codebox dt{
text-transform:none;
}
/*Chatbox*/
.chatbox_row_1, .chatbox_row_2{
background-color:transparent;
}
/*Index / Homepage*/
#site-title, #site-title h1, #logo-desc p {
color:#fff;
text-shadow:1px 1px 2px #000;
}
div#search_menu.overview.row3 {
left: 270px !important;
top: 140px !important;
}
#main-content > p em{
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
font-style:normal;
font-weight:700;
color:#666;
}
ul#picture_legend img{
margin-right:6px;
}
p.row3{
background-color:transparent;
}
.inputbox, #search-box #keywords, input.search{
border:1px solid #666;
background-color:#FFF;
}
.inputbox:hover, #search-box #keywords:hover, input.search:hover{
border:1px solid #58A;
}
.inputbox:focus, #search-box #keywords:focus, input.search:focus{
border:1px solid #58A;
}
label input{
color:#000;
}
fieldset dl:hover dt label{
color:#000;
}
select{
background-color:#fff;
color:#000;
}
a.button1, a.button2, button.button2, input.button1, input.button2{
box-shadow:0px 4px 6px #fff inset;
background-color:#eee;
background-image:none;
border-color:#666;
color:#000;
}
.headerbar {
-webkit-border-radius:5px 5px 0px 0px;
-moz-border-radius:5px 5px 0px 0px;
box-shadow:0px 12px 6px #0C5 inset;
-o-border-radius:5px 5px 0px 0px;
border-radius:5px 5px 0px 0px;
background-color:#0B4;
}
/*Navbar*/
.navbar a.mainmenu{
box-shadow:0px -3px 6px #083 inset, 1px 1px 1px #083;
-webkit-border-radius:0px 0px 5px 5px;
-moz-border-radius:0px 0px 5px 5px;
-o-border-radius:0px 0px 5px 5px;
border-radius:0px 0px 5px 5px;
text-shadow:1px 1px 2px #000;
margin:-6px -1px -5px -1px;
border:1px solid #0C5;
background-color:#0A4;
display:inline-block;
transition:0.250s;
font-weight:bold;
font-size:11px;
padding:5px;
color:#FFF;
}
.navbar a.mainmenu:hover{
box-shadow:0px 3px 6px #083 inset, 1px 1px 1px #083;
background-color:#0A4;
text-decoration:none;
border-color:#0C5;
color:#FFF;
}
ul.navlinks {
text-align:left;
border:none;
}
/*Navbar Base*/
.navbar {
background-image:url('http://i56.servimg.com/u/f56/18/21/60/73/bgtabl10.png');
-webkit-border-radius:0px 0px 10px 10px;
-moz-border-radius:0px 0px 10px 10px;
-o-border-radius:0px 0px 10px 10px;
box-shadow:0px -12px 6px #0A3 inset;
border-radius:0px 0px 10px 10px;
border-top:2px solid #0C5;
background-color:#0B4;
margin-top:-4px;
}
/*Nav Searcher*/
p.nomargin{
display:none;
}
/*Footer*/
#page-footer .navbar/*DO NOT MODIFY*/{
background-color:transparent;
background-image:none;
box-shadow:none;
border:none;
}
/*Categories / Forum*/
.panel{
-webkit-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
}
.forabg, .forumbg {
box-shadow:0px 10px 6px #0C4 inset;
-webkit-border-radius:5px;
-moz-border-radius:5px;
background-color:#0A3;
-o-border-radius:5px;
border-radius:5px;
border:none;
}
li.row {
border:1px solid #CCC;
background-color:#f0f0f0;
}
li.row dd {
border-left: 1px solid #CCC;
}
li.row:hover dd {
border-left: 1px solid #CCC;
}
.row1, .row2{
background-color:#f0f0f0;
}
.post.row1, .post.row2{
-webkit-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
border: 1px solid #ddd;
}
/*Spoiler, Code, Quote*/
dl.codebox, .content blockquote {
background-color: #fff;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border: 1px solid #ddd;
-o-border-radius:6px;
border-radius:6px;
}
.pagination span a, .pagination span a:active, .pagination span a:link, .pagination span a:visited {
color:#000;
}
.pagination span a:hover{
background-color:#DEF;
}
dl.codebox dt {
border-bottom: 1px solid #555;
color:#555;
}
dl.codebox code {
color: #396;
}
/*Profile / Advanced*/
#cp-main .panel.sig{
background-color:#F6F6F6;
}
#tabs .activetab a span{
color:#000;
}
.postprofile{
border-color:#CCC;
}
#cp-main .panel{
background-color:#F6F6F6;
}
#profile-tab-field-profil div.separator{
border-color:#CCC;
}
.avatar, td.avatar-mini img{
background:transparent;
border:transparent;
}
/*Message Editor*/
.sceditor-container iframe, .sceditor-container textarea {
background-color:#fafafa !important;
color:#000 !important;
}
form[name="post"] div[class|="sceditor"],div.sceditor-dropdown {
background-color:#0A3;
border-color:#0C4 !important;
background-image:url('http://i56.servimg.com/u/f56/18/21/60/73/bgtabl10.png');
}
.sceditor-button.active,.sceditor-button.hover,.sceditor-button:active,.sceditor-button:hover {
background:#aaa !important;
box-shadow:0 0 0 transparent !important;
border-color:#aaa !important;
}
div.sceditor-group,div.sceditor-dropdown {
border:1px outset #aaa !important;
background:#ddd !important;
box-shadow:0px 0px 1px #444, 0px 4px 6px #eee inset !important;
}
div.sceditor-dropdown .button {
border:1px outset #aaa !important;
background:#ddd !important;
}
div.sceditor-dropdown .button:hover {
border-style:inset !important;
}
.sceditor-color-option:hover:after {
width:20px;
height:20px;
display:block;
background:inherit;
content:" ";
position:absolute;
top:-24px;
left:2px;
border:1px solid #aaa;
}
.sceditor-emoticons > div > img {
left:auto!important;
top:-38px!important;
right:-8px;
background:#ddd;
border:1px solid #aaa;
padding:5px
}
/*Widgets*/
.module {
-webkit-border-radius:5px;
background-color:#f3f3f3;
-moz-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
border: 1px solid #ddd;
}
.module .h3 {
border-bottom:1px solid #090;
color:#090;
}


Last edited by Aconitin on January 11th 2014, 11:23 am; edited 1 time in total

Aconitin
Forumember

Male Posts : 246
Reputation : 7
Language : Indonesian
Location : Indonesia

Back to top Go down

Solved Re: Forum Width

Post by Sir. Mayo on January 9th 2014, 2:12 pm

Are you sure your not zoomed in by mistake on your browser? I have had that issue with a few of my sites before.
Edit:
I just went to your forum and it was fine for me:


So maybe your just zoomed in on the page.

But what is your screen size. Mines 13 inches maybe it has to do with your screen size i have also seen that before. but im not sure. Maybe some one else can better explain why this is occuring, but it very well could be that you are zoomed in to far.

Sir. Mayo
Forumember

Male Posts : 960
Reputation : 84
Language : English, Some french.
Location : Working 11Pm-7Am EST I will try to respond ASAP

http://sir-mayo.forumotion.com/

Back to top Go down

Solved Re: Forum Width

Post by Aconitin on January 9th 2014, 3:31 pm

That is screenshot from my forum member.. Wink
He said his screen resolution is 1024 x 768..
Is that the problem?

Aconitin
Forumember

Male Posts : 246
Reputation : 7
Language : Indonesian
Location : Indonesia

Back to top Go down

Solved Re: Forum Width

Post by Sir. Mayo on January 9th 2014, 3:43 pm

No that does not seem like a problem. But i do want to know if the browser is zoomed in on the page. like when you press  command and + to zoom in it zooms on the web page it self.

 What browser is this member using on. I  once used firefox (and no other browser)  and customized my own forum to look nice and cool on fire fox but to my surprise when i used chrome it was really really bad and spaced out. It could be that this is the problem. have you used any codes that are just for a webkit browser? or codes that don't effect a webkit browser? i will test the code you gave on my test forum and run it through all my browsers and set my screen resolution to match your members to see if i can recreate this issue and solve it for you.


So yes, was incorrect when i said that the screen resolution is not a problem, The Second i set my screen to match that size and loaded your forum i appeared the same way that it did for that memeber. Ask if he can set his size to any thing higher such as 1280 X 800.

Sir. Mayo
Forumember

Male Posts : 960
Reputation : 84
Language : English, Some french.
Location : Working 11Pm-7Am EST I will try to respond ASAP

http://sir-mayo.forumotion.com/

Back to top Go down

Solved Re: Forum Width

Post by Fender on January 9th 2014, 4:03 pm

Instead of asking people to change their browser resolution (which they might not be able to do)

Change the CSS code you provided to this:
Code:
/**********************************************************************
*                      Flowery Green - PHPBB3                        *
* Author: Ange Tuter/SethC1995                                        *
* Questions? Contact: http://fmdesign.forumotion.com/u1contact        *
**********************************************************************/
/*Basic Style*/
a {
-webkit-transition:0.400s;
text-decoration:none;
transition:0.400s;
}
a:hover{
text-decoration:underline;
}
b, strong{
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
}
.h3, .content h2, .panel h2 {
border-bottom:1px solid #090;
color:#090;
}
body {
background-image:url('http://i.imgur.com/UAvsFKQ.jpg');
background-attachment:fixed;
background-repeat:repeat-x;
background-color:#fff;
}
#wrap {
background-image: url("http://i56.servimg.com/u/f56/18/21/60/73/bgwrap10.png");
box-shadow: 1px 1px 10px rgba(0,0,0,0.4);
background-position: center bottom;
background-repeat: repeat-x;
-webkit-border-radius:5px;
background-color:#fcfcfc;
-moz-border-radius:5px;
-o-border-radius:5px;
margin-bottom:20px;
border-radius:5px;
margin-top:40px;
min-width: 980px !important;
}
li.header dd, li.header dt, .h3, h3, table.table1 thead th, dl.codebox dt{
text-transform:none;
}
/*Chatbox*/
.chatbox_row_1, .chatbox_row_2{
background-color:transparent;
}
/*Index / Homepage*/
#site-title, #site-title h1, #logo-desc p {
color:#fff;
text-shadow:1px 1px 2px #000;
}
div#search_menu.overview.row3 {
left: 270px !important;
top: 140px !important;
}
#main-content > p em{
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
font-style:normal;
font-weight:700;
color:#666;
}
ul#picture_legend img{
margin-right:6px;
}
p.row3{
background-color:transparent;
}
.inputbox, #search-box #keywords, input.search{
border:1px solid #666;
background-color:#FFF;
}
.inputbox:hover, #search-box #keywords:hover, input.search:hover{
border:1px solid #58A;
}
.inputbox:focus, #search-box #keywords:focus, input.search:focus{
border:1px solid #58A;
}
label input{
color:#000;
}
fieldset dl:hover dt label{
color:#000;
}
select{
background-color:#fff;
color:#000;
}
a.button1, a.button2, button.button2, input.button1, input.button2{
box-shadow:0px 4px 6px #fff inset;
background-color:#eee;
background-image:none;
border-color:#666;
color:#000;
}
.headerbar {
-webkit-border-radius:5px 5px 0px 0px;
-moz-border-radius:5px 5px 0px 0px;
box-shadow:0px 12px 6px #0C5 inset;
-o-border-radius:5px 5px 0px 0px;
border-radius:5px 5px 0px 0px;
background-color:#0B4;
}
/*Navbar*/
.navbar a.mainmenu{
box-shadow:0px -3px 6px #083 inset, 1px 1px 1px #083;
-webkit-border-radius:0px 0px 5px 5px;
-moz-border-radius:0px 0px 5px 5px;
-o-border-radius:0px 0px 5px 5px;
border-radius:0px 0px 5px 5px;
text-shadow:1px 1px 2px #000;
margin:-6px -1px -5px -1px;
border:1px solid #0C5;
background-color:#0A4;
display:inline-block;
transition:0.250s;
font-weight:bold;
font-size:11px;
padding:5px;
color:#FFF;
}
.navbar a.mainmenu:hover{
box-shadow:0px 3px 6px #083 inset, 1px 1px 1px #083;
background-color:#0A4;
text-decoration:none;
border-color:#0C5;
color:#FFF;
}
ul.navlinks {
text-align:left;
border:none;
}
/*Navbar Base*/
.navbar {
background-image:url('http://i56.servimg.com/u/f56/18/21/60/73/bgtabl10.png');
-webkit-border-radius:0px 0px 10px 10px;
-moz-border-radius:0px 0px 10px 10px;
-o-border-radius:0px 0px 10px 10px;
box-shadow:0px -12px 6px #0A3 inset;
border-radius:0px 0px 10px 10px;
border-top:2px solid #0C5;
background-color:#0B4;
margin-top:-4px;
}
/*Nav Searcher*/
p.nomargin{
display:none;
}
/*Footer*/
#page-footer .navbar/*DO NOT MODIFY*/{
background-color:transparent;
background-image:none;
box-shadow:none;
border:none;
}
/*Categories / Forum*/
.panel{
-webkit-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
}
.forabg, .forumbg {
box-shadow:0px 10px 6px #0C4 inset;
-webkit-border-radius:5px;
-moz-border-radius:5px;
background-color:#0A3;
-o-border-radius:5px;
border-radius:5px;
border:none;
}
li.row {
border:1px solid #CCC;
background-color:#f0f0f0;
}
li.row dd {
border-left: 1px solid #CCC;
}
li.row:hover dd {
border-left: 1px solid #CCC;
}
.row1, .row2{
background-color:#f0f0f0;
}
.post.row1, .post.row2{
-webkit-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
border: 1px solid #ddd;
}
/*Spoiler, Code, Quote*/
dl.codebox, .content blockquote {
background-color: #fff;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border: 1px solid #ddd;
-o-border-radius:6px;
border-radius:6px;
}
.pagination span a, .pagination span a:active, .pagination span a:link, .pagination span a:visited {
color:#000;
}
.pagination span a:hover{
background-color:#DEF;
}
dl.codebox dt {
border-bottom: 1px solid #555;
color:#555;
}
dl.codebox code {
color: #396;
}
/*Profile / Advanced*/
#cp-main .panel.sig{
background-color:#F6F6F6;
}
#tabs .activetab a span{
color:#000;
}
.postprofile{
border-color:#CCC;
}
#cp-main .panel{
background-color:#F6F6F6;
}
#profile-tab-field-profil div.separator{
border-color:#CCC;
}
.avatar, td.avatar-mini img{
background:transparent;
border:transparent;
}
/*Message Editor*/
.sceditor-container iframe, .sceditor-container textarea {
background-color:#fafafa !important;
color:#000 !important;
}
form[name="post"] div[class|="sceditor"],div.sceditor-dropdown {
background-color:#0A3;
border-color:#0C4 !important;
background-image:url('http://i56.servimg.com/u/f56/18/21/60/73/bgtabl10.png');
}
.sceditor-button.active,.sceditor-button.hover,.sceditor-button:active,.sceditor-button:hover {
background:#aaa !important;
box-shadow:0 0 0 transparent !important;
border-color:#aaa !important;
}
div.sceditor-group,div.sceditor-dropdown {
border:1px outset #aaa !important;
background:#ddd !important;
box-shadow:0px 0px 1px #444, 0px 4px 6px #eee inset !important;
}
div.sceditor-dropdown .button {
border:1px outset #aaa !important;
background:#ddd !important;
}
div.sceditor-dropdown .button:hover {
border-style:inset !important;
}
.sceditor-color-option:hover:after {
width:20px;
height:20px;
display:block;
background:inherit;
content:" ";
position:absolute;
top:-24px;
left:2px;
border:1px solid #aaa;
}
.sceditor-emoticons > div > img {
left:auto!important;
top:-38px!important;
right:-8px;
background:#ddd;
border:1px solid #aaa;
padding:5px
}
/*Widgets*/
.module {
-webkit-border-radius:5px;
background-color:#f3f3f3;
-moz-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
border: 1px solid #ddd;
}
.module .h3 {
border-bottom:1px solid #090;
color:#090;
}

All I did was add the line
Code:
min-width: 980px !important;
to the #wrap element.

It's currently set to min-height: 1140px elsewhere which is making the site too wide for smaller resolutions.

Fender
Forumember

Male Posts : 47
Reputation : 4
Language : English
Location : Hudson Valley, NY, USA

http://www.begonebrotherhood.com/

Back to top Go down

Solved Re: Forum Width

Post by Sir. Mayo on January 9th 2014, 4:34 pm

@Fender wrote:Instead of asking people to change their browser resolution (which they might not be able to do)

I dont mean their browser resolution to be changed i mea their screen resolution. Which any one should be able to change in their system settings, or control panel, or system preferences.

Sir. Mayo
Forumember

Male Posts : 960
Reputation : 84
Language : English, Some french.
Location : Working 11Pm-7Am EST I will try to respond ASAP

http://sir-mayo.forumotion.com/

Back to top Go down

Solved Re: Forum Width

Post by Fender on January 9th 2014, 4:39 pm

@Sir. Mayo wrote:
@Fender wrote:Instead of asking people to change their browser resolution (which they might not be able to do)

I dont mean their browser resolution to be changed i mea their screen resolution. Which any one should be able to change in their system settings, or control panel, or system preferences.
Ha ... I meant screen too, not browser. I'm just saying that not all people have monitors that can adjust to a higher resolution

Fender
Forumember

Male Posts : 47
Reputation : 4
Language : English
Location : Hudson Valley, NY, USA

http://www.begonebrotherhood.com/

Back to top Go down

Solved Re: Forum Width

Post by runawayhorses on January 9th 2014, 5:50 pm

If your forum is correctly set at 75% width that is plenty small enough and should accommodate a wide range of resolution settings. Also I wouldn't use css if you have it set in the admin panel>>General>>Configuration... but if you do make them the same.

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Forum Width

Post by Fender on January 9th 2014, 6:17 pm

@runawayhorses wrote:If your forum is correctly set at 75% width that is plenty small enough and should accommodate a wide range of resolution settings. Also I wouldn't use css if you have it set in the admin panel>>General>>Configuration... but if you do make them the same.
Even if the forum width is set correctly at 75% in APC>>General>>Configuration & the min-width is set at 1140px, it'll be a minimum of 1140px. Changing the CSS to min-width: 980px will override the 1140 min-width & maintain the 75% as long as it's above 980px.

Fender
Forumember

Male Posts : 47
Reputation : 4
Language : English
Location : Hudson Valley, NY, USA

http://www.begonebrotherhood.com/

Back to top Go down

Solved Re: Forum Width

Post by runawayhorses on January 9th 2014, 6:27 pm

@Fender wrote:
@runawayhorses wrote:If your forum is correctly set at 75% width that is plenty small enough and should accommodate a wide range of resolution settings. Also I wouldn't use css if you have it set in the admin panel>>General>>Configuration... but if you do make them the same.
Even if the forum width is set correctly at 75% in APC>>General>>Configuration & the min-width is set at 1140px, it'll be a minimum of 1140px.  Changing the CSS to min-width: 980px will override the 1140 min-width & maintain the 75% as long as it's above 980px.
hmmm, ok whatever.

I'm thinking though if he has it set to 75% like he says he does that should be plenty short enough.

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Forum Width

Post by Fender on January 9th 2014, 6:32 pm

@runawayhorses wrote:
@Fender wrote:
@runawayhorses wrote:If your forum is correctly set at 75% width that is plenty small enough and should accommodate a wide range of resolution settings. Also I wouldn't use css if you have it set in the admin panel>>General>>Configuration... but if you do make them the same.
Even if the forum width is set correctly at 75% in APC>>General>>Configuration & the min-width is set at 1140px, it'll be a minimum of 1140px.  Changing the CSS to min-width: 980px will override the 1140 min-width & maintain the 75% as long as it's above 980px.
hmmm, ok whatever.

I'm thinking though if he has it set to 75% like he says he does that should be plenty short enough.

That's correct, but looking at her source code, the #wrap element has a clause of min-width: 1140px as well, so it will never be less than that, regardless of the width being set at 75%. This is why it's not shrinking for the 1028 screen resolution. Thus, adding the "min-width: 980px !important" in the CSS will override the 1140px & all will be lovely.

Fender
Forumember

Male Posts : 47
Reputation : 4
Language : English
Location : Hudson Valley, NY, USA

http://www.begonebrotherhood.com/

Back to top Go down

Solved Re: Forum Width

Post by runawayhorses on January 9th 2014, 6:38 pm

If the "#wrap" is not set in the CSS stylesheet right now there is nothing to override, therefore an important tag won't be necessary.

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Forum Width

Post by SLGray on January 9th 2014, 6:40 pm

Exactly if you set the forum's width in CSS, it will override the option in the administration panel.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35613
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Forum Width

Post by Fender on January 9th 2014, 6:51 pm

@SLGray wrote:Exactly if you set the forum's width in CSS, it will override the option in the administration panel.
Thank you!

Fender
Forumember

Male Posts : 47
Reputation : 4
Language : English
Location : Hudson Valley, NY, USA

http://www.begonebrotherhood.com/

Back to top Go down

Solved Re: Forum Width

Post by SLGray on January 9th 2014, 6:53 pm

This also goes with the options for colors and images in the administration panel. When you set something in the CSS, it will override the options in the administration panel.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35613
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Forum Width

Post by Fender on January 9th 2014, 6:54 pm

@SLGray wrote:This also goes with the options for colors and images in the administration panel.  When you set something in the CSS, it will override the options in the administration panel.
Exactly. This is what I've been trying to say .... & FYI. I went back to her forum. She changed the min-width to 980px. Looks fine in 1028px resolution now.

Fender
Forumember

Male Posts : 47
Reputation : 4
Language : English
Location : Hudson Valley, NY, USA

http://www.begonebrotherhood.com/

Back to top Go down

Solved Re: Forum Width

Post by runawayhorses on January 9th 2014, 6:58 pm

@SLGray wrote:This also goes with the options for colors and images in the administration panel.  When you set something in the CSS, it will override the options in the administration panel.
Yes I've always known that, but I make it a practice that if I can do it in the Admin panel I will, and leave the css stylesheet out of it.

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Forum Width

Post by SLGray on January 9th 2014, 7:02 pm

@runawayhorses wrote:
@SLGray wrote:This also goes with the options for colors and images in the administration panel.  When you set something in the CSS, it will override the options in the administration panel.
Yes I've always known that, but I make it a practice that if I can do it in the Admin panel I will, and leave the css stylesheet out of it.
True. If you can use the options in the administration penal, it would be best to use them over CSS.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35613
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Forum Width

Post by Fender on January 9th 2014, 7:13 pm

@SLGray wrote:
@runawayhorses wrote:
@SLGray wrote:This also goes with the options for colors and images in the administration panel.  When you set something in the CSS, it will override the options in the administration panel.
Yes I've always known that, but I make it a practice that if I can do it in the Admin panel I will, and leave the css stylesheet out of it.
True.  If you can use the options in the administration penal, it would be best to use them over CSS.
But if is can't be set in APC>>General>>Configuration, which is very limited, you don't have much of a choice but to set it in APC>>Display>>Color>>CSS Stylesheet

Fender
Forumember

Male Posts : 47
Reputation : 4
Language : English
Location : Hudson Valley, NY, USA

http://www.begonebrotherhood.com/

Back to top Go down

Solved Re: Forum Width

Post by Sir. Mayo on January 9th 2014, 7:45 pm

@Fender wrote:
@SLGray wrote:
@runawayhorses wrote:
@SLGray wrote:This also goes with the options for colors and images in the administration panel.  When you set something in the CSS, it will override the options in the administration panel.
Yes I've always known that, but I make it a practice that if I can do it in the Admin panel I will, and leave the css stylesheet out of it.
True.  If you can use the options in the administration penal, it would be best to use them over CSS.
But if is can't be set in APC>>General>>Configuration, which is very limited, you don't have much of a choice but to set it in APC>>Display>>Color>>CSS Stylesheet

Thats not true CSS is a stylesheet is used to add style to HTML documents Which is a language that you fourm is writen in. CSS has more options and can further more customize your forum then the standard opetions in the ACP>General>configuration. You should look more in to CSS and what it does and what can be done.

Sir. Mayo
Forumember

Male Posts : 960
Reputation : 84
Language : English, Some french.
Location : Working 11Pm-7Am EST I will try to respond ASAP

http://sir-mayo.forumotion.com/

Back to top Go down

Solved Re: Forum Width

Post by SLGray on January 9th 2014, 7:49 pm

Ok. We are getting off-topic. Please continue this discussion by private messages.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35613
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Forum Width

Post by Fender on January 9th 2014, 7:52 pm

@Sir. Mayo wrote:
@Fender wrote:
@SLGray wrote:
@runawayhorses wrote:
@SLGray wrote:This also goes with the options for colors and images in the administration panel.  When you set something in the CSS, it will override the options in the administration panel.
Yes I've always known that, but I make it a practice that if I can do it in the Admin panel I will, and leave the css stylesheet out of it.
True.  If you can use the options in the administration penal, it would be best to use them over CSS.
But if is can't be set in APC>>General>>Configuration, which is very limited, you don't have much of a choice but to set it in APC>>Display>>Color>>CSS Stylesheet

Thats not true CSS is a stylesheet is used to add style to HTML documents Which is a language that you fourm is writen in. CSS has more options and can further more customize your forum then the standard opetions in the ACP>General>configuration. You should look more in to CSS and what it does and what can be done.
I know exactly what CSS is.  I'm a web developer for a living.  The question here is where CSS should go within FM's Control Panel

EDIT ... Sorry SLGray. I didn't see your post after I posted

Fender
Forumember

Male Posts : 47
Reputation : 4
Language : English
Location : Hudson Valley, NY, USA

http://www.begonebrotherhood.com/

Back to top Go down

Solved Re: Forum Width

Post by Sir. Mayo on January 9th 2014, 8:13 pm

It should go here
APC>>Display>>Color>>CSS Stylesheet
i have also had luck placing it in the templates. but its up to you.

Sir. Mayo
Forumember

Male Posts : 960
Reputation : 84
Language : English, Some french.
Location : Working 11Pm-7Am EST I will try to respond ASAP

http://sir-mayo.forumotion.com/

Back to top Go down

Solved Re: Forum Width

Post by Ange Tuteur on January 10th 2014, 12:43 am

Hello ,

If I remember the phpbb3 wrap adds a minimum width, which in turn affects the width you're setting in the AP. It would usually be best to set the minimum width to 0 and then see if your width from the AP takes effect properly.

Code:
#wrap { min-width:0px !important; }

Additionally you can set the width of the wrap through the CSS stylesheet :
Code:
#wrap {
min-width:0px !important;
width:75%;
}

Note that the CSS stylesheet will override the default style. Your banner could also factor into stretching your forum for smaller screens.

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2681
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Forum Width

Post by Aconitin on January 11th 2014, 11:21 am

Sorry for late reply.. Thanks for many replies  Razz
Solved  thumright 

Aconitin
Forumember

Male Posts : 246
Reputation : 7
Language : Indonesian
Location : Indonesia

Back to top Go down

Solved Re: Forum Width

Post by Jophy on January 11th 2014, 11:45 am

Solved => Locked

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum