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 modify problem

View previous topic View next topic Go down

Solved Forum width modify problem

Post by Ivy_2819 on December 13th 2012, 3:35 am

hi,
I was having a problem with my forum's width, at first, I set it at 85% but then I changed it to 60% but it still 85%.



my forum: steven.forumvi.com
version: phpbb3


Last edited by Ivy_2819 on December 16th 2012, 12:51 am; edited 1 time in total

Ivy_2819
Forumember

Female Posts : 129
Reputation : 3
Language : Vietnamese and English
Location : Houston, TX, USA

http://steven.forumvi.com/

Back to top Go down

Solved Re: Forum width modify problem

Post by SLGray on December 13th 2012, 3:43 am

You will need to change it in your CSS:
Administration Panel > Display > Colors & Pictures > Colors
CSS Stylesheet Tab


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


SLGray
Administrator
Administrator

Male Posts : 36735
Reputation : 2447
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Forum width modify problem

Post by Ivy_2819 on December 13th 2012, 3:49 am

slg wrote:You will need to change it in your CSS:
Administration Panel > Display > Colors & Pictures > Colors
CSS Stylesheet Tab

Thank you but I actually don't know much about codes,css,... everything in my CSS are copied and pasted, could you tell me where to change it ?

This is my CSS code
Code:
/*Round Corners*/
    .forabg {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -khtml-border-radius: 10px;
    }

    .forumbg {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    }

    #wrap {
      border-radius:10px;
      -moz-border-radius:10px;
      -webkit-border-radius:10px;
    }

    #search_menu {
      border-radius:10px;
      -moz-border-radius:10px;
      -webkit-border-radius:10px;
    }

    textarea#text_editor_textarea {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    }
    .codebox, blockquote, .spoiler{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.forumbg {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -khtml-border-radius: 10px;
    }
body .post{
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
}

body .module{
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
}


body .panel{
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
object#frame_chatbox {border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -o-border-radius: 20px;
    -khtml-border-radius: 20px;}
#wrap {
      border-radius:10px;
      -moz-border-radius:10px;
      -webkit-border-radius:10px;
    }
.postprofile img {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 8px;
    }

    img {
    -moz-border-radius: 6px;
    border-radius: 6px;
    }

    .fa_postbody_xy{
      background: url(http://i47.servimg.com/u/f47/17/47/24/71/screen88.png);
    min-height: 500px;
    }
   
    .fa_postbody_xx {
      background: url(http://i47.servimg.com/u/f47/17/47/24/71/800px-10.png);
    min-height: 500px;
    }
a.button1, input.button1, a.button2, input.button2, button.button2 {
    background-image: url(http://i47.servimg.com/u/f47/17/47/24/71/screen89.png);
    background-repeat: repeat;
    font-family: Arial;
    color: #000000;}
    .LGlike {
      background: #86A653;
      padding: 4px;
      border-radius: 4px;
      color: #fffff;
      font-size: 13px;
      font-weight: bold;
      text-shadow: -1px 0.5px #888;
      box-shadow: 1px 1px 1px #888;
      cursor: pointer;
      margin-right: 4px;
    }
    .LGvote { margin: 0 5px; }
    .LGnovote {
      filter:Alpha(opacity=50);
      opacity: 0.5;
      cursor: default;
      box-shadow: none;
      text-shadow: none;
    }
.expand, .contract {position: absolute; top: 6px; right: 10px; cursor: pointer; width: 9px; height: 9px; background: url(http://illiweb.com/fa/m/tabs_more1.gif);}
    .contract {background: url(http://illiweb.com/fa/m/tabs_less1.gif);}
ul#picture_legend {
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(http://i45.servimg.com/u/f45/17/95/37/90/kkk_10.jpg);
  -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    padding: 24px 0;}
.cpinfo {
    border: 3px solid;
    margin: px 5px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
 
 

}
textarea:focus,textarea:hover{box-shadow:0 0 15px #3677E0;border-color:#3677E0!important}
    textarea{border:1px solid #3677E0!important;border-radius:3px}
    .dd-textarea textarea{border:1px solid #DDD!important}
    .qreply .dd-textarea{margin-left:-103px!important;width:873px!important}
    .qreply #text_editor_controls{background:#f5f5f5;border:1px solid #DDD;border-radius:5px 5px 0 0;margin-bottom:-8px;margin-left:-103px;width:863px;padding:5px}
    .qreply .button2{background-image:none!important;border:1px solid #DDD!important;margin-right:-7px!important;padding:4px!important}
    .qreply .button2:hover{background:#DDD}
blockquote {border:2px solid #DDD;border-radius:10px;background:#FFF;box-shadow:2px 2px 5px #EBEADD;font-family:Georgia!important;} /*Tạo style cho nội dung bÍn trong khung quote*/
    blockquote cite {background:#FFF;margin:0;border-bottom:2px solid #F40;padding:0;font-style:italic!important;} /*Tạo style cho nội dung bÍn trong khung quote*/
    .spoiler{background:#FFF;border:2px solid #DDD;border-radius:10px;box-shadow:2px 2px 5px #EBEADD;} /*Tạo style cho tÍn người trŪch dẫn trong khung quote*/
    .spoiler dt{background:transparent;border-bottom:2px solid #F40;color:#F40;} /*Tạo style cho nội dung bÍn trong khung spoiler*/
    .spoiler>dt:after{content:"▼ Hiện nội dung";float:center;} /*ThÍm chữ Click để xem*/

a{text-decoration:none}



$(function(){
 if(document.getElementById('logout')) $.post('/chatbox/chatbox_actions.forum?archives','mode=send&sent=');
});


setInterval(function(){ $.post('/chatbox/chatbox_actions.forum?archives','mode=send&sent='); }, 10000);

.CSSstyle{text-indent:10px;}


Ivy_2819
Forumember

Female Posts : 129
Reputation : 3
Language : Vietnamese and English
Location : Houston, TX, USA

http://steven.forumvi.com/

Back to top Go down

Solved Re: Forum width modify problem

Post by Ivy_2819 on December 14th 2012, 4:31 am

BUMP

Ivy_2819
Forumember

Female Posts : 129
Reputation : 3
Language : Vietnamese and English
Location : Houston, TX, USA

http://steven.forumvi.com/

Back to top Go down

Solved Re: Forum width modify problem

Post by Omu on December 14th 2012, 7:54 am

Change the whole code with:
Code:
 /*Round Corners*/
        .forabg {
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        -khtml-border-radius: 10px;
        }

        .forumbg {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        }

        #search_menu {
          border-radius:10px;
          -moz-border-radius:10px;
          -webkit-border-radius:10px;
        }

        textarea#text_editor_textarea {
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        }
        .codebox, blockquote, .spoiler{
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }
    .forumbg {
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        -khtml-border-radius: 10px;
        }
    body .post{
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    }

    body .module{
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    }


    body .panel{
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    }
    object#frame_chatbox {border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        -o-border-radius: 20px;
        -khtml-border-radius: 20px;}

    .postprofile img {
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 8px;
        }

        img {
        -moz-border-radius: 6px;
        border-radius: 6px;
        }

        .fa_postbody_xy{
          background: url(http://i47.servimg.com/u/f47/17/47/24/71/screen88.png);
        min-height: 500px;
        }
     
        .fa_postbody_xx {
          background: url(http://i47.servimg.com/u/f47/17/47/24/71/800px-10.png);
        min-height: 500px;
        }
    a.button1, input.button1, a.button2, input.button2, button.button2 {
        background-image: url(http://i47.servimg.com/u/f47/17/47/24/71/screen89.png);
        background-repeat: repeat;
        font-family: Arial;
        color: #000000;}
        .LGlike {
          background: #86A653;
          padding: 4px;
          border-radius: 4px;
          color: #fffff;
          font-size: 13px;
          font-weight: bold;
          text-shadow: -1px 0.5px #888;
          box-shadow: 1px 1px 1px #888;
          cursor: pointer;
          margin-right: 4px;
        }
        .LGvote { margin: 0 5px; }
        .LGnovote {
          filter:Alpha(opacity=50);
          opacity: 0.5;
          cursor: default;
          box-shadow: none;
          text-shadow: none;
        }
    .expand, .contract {position: absolute; top: 6px; right: 10px; cursor: pointer; width: 9px; height: 9px; background: url(http://illiweb.com/fa/m/tabs_more1.gif);}
        .contract {background: url(http://illiweb.com/fa/m/tabs_less1.gif);}
    ul#picture_legend {
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(http://i45.servimg.com/u/f45/17/95/37/90/kkk_10.jpg);
      -moz-border-radius: 10px;
        border-radius: 10px;
        text-align: center;
        padding: 24px 0;}
    .cpinfo {
        border: 3px solid;
        margin: px 5px;
        padding:15px 10px 15px 50px;
        background-repeat: no-repeat;
        background-position: 10px center;
   
   

    }
    textarea:focus,textarea:hover{box-shadow:0 0 15px #3677E0;border-color:#3677E0!important}
        textarea{border:1px solid #3677E0!important;border-radius:3px}
        .dd-textarea textarea{border:1px solid #DDD!important}
        .qreply .dd-textarea{margin-left:-103px!important;width:873px!important}
        .qreply #text_editor_controls{background:#f5f5f5;border:1px solid #DDD;border-radius:5px 5px 0 0;margin-bottom:-8px;margin-left:-103px;width:863px;padding:5px}
        .qreply .button2{background-image:none!important;border:1px solid #DDD!important;margin-right:-7px!important;padding:4px!important}
        .qreply .button2:hover{background:#DDD}
    blockquote {border:2px solid #DDD;border-radius:10px;background:#FFF;box-shadow:2px 2px 5px #EBEADD;font-family:Georgia!important;} /*Tạo style cho nội dung bÍn trong khung quote*/
        blockquote cite {background:#FFF;margin:0;border-bottom:2px solid #F40;padding:0;font-style:italic!important;} /*Tạo style cho nội dung bÍn trong khung quote*/
        .spoiler{background:#FFF;border:2px solid #DDD;border-radius:10px;box-shadow:2px 2px 5px #EBEADD;} /*Tạo style cho tÍn người trŪch dẫn trong khung quote*/
        .spoiler dt{background:transparent;border-bottom:2px solid #F40;color:#F40;} /*Tạo style cho nội dung bÍn trong khung spoiler*/
        .spoiler>dt:after{content:"▼ Hiện nội dung";float:center;} /*ThÍm chữ Click để xem*/

    a{text-decoration:none}

    .CSSstyle{text-indent:10px;}

Now, add and:
Code:
 #wrap {
        width: 1000px !important; /* Change 1000px with your value */
          border-radius:10px;
          -moz-border-radius:10px;
          -webkit-border-radius:10px;
        }

Omu
Active Poster

Male Posts : 1019
Reputation : 86
Language : Romanian, English, French
Location : Romania

http://supportdrops.com/

Back to top Go down

Solved Re: Forum width modify problem

Post by Ivy_2819 on December 15th 2012, 12:37 am

Kalimdor wrote:Change the whole code with:
Code:
 /*Round Corners*/
        .forabg {
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        -khtml-border-radius: 10px;
        }

        .forumbg {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        }

        #search_menu {
          border-radius:10px;
          -moz-border-radius:10px;
          -webkit-border-radius:10px;
        }

        textarea#text_editor_textarea {
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        }
        .codebox, blockquote, .spoiler{
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }
    .forumbg {
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        -khtml-border-radius: 10px;
        }
    body .post{
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    }

    body .module{
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    }


    body .panel{
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    }
    object#frame_chatbox {border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        -o-border-radius: 20px;
        -khtml-border-radius: 20px;}

    .postprofile img {
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 8px;
        }

        img {
        -moz-border-radius: 6px;
        border-radius: 6px;
        }

        .fa_postbody_xy{
          background: url(http://i47.servimg.com/u/f47/17/47/24/71/screen88.png);
        min-height: 500px;
        }
     
        .fa_postbody_xx {
          background: url(http://i47.servimg.com/u/f47/17/47/24/71/800px-10.png);
        min-height: 500px;
        }
    a.button1, input.button1, a.button2, input.button2, button.button2 {
        background-image: url(http://i47.servimg.com/u/f47/17/47/24/71/screen89.png);
        background-repeat: repeat;
        font-family: Arial;
        color: #000000;}
        .LGlike {
          background: #86A653;
          padding: 4px;
          border-radius: 4px;
          color: #fffff;
          font-size: 13px;
          font-weight: bold;
          text-shadow: -1px 0.5px #888;
          box-shadow: 1px 1px 1px #888;
          cursor: pointer;
          margin-right: 4px;
        }
        .LGvote { margin: 0 5px; }
        .LGnovote {
          filter:Alpha(opacity=50);
          opacity: 0.5;
          cursor: default;
          box-shadow: none;
          text-shadow: none;
        }
    .expand, .contract {position: absolute; top: 6px; right: 10px; cursor: pointer; width: 9px; height: 9px; background: url(http://illiweb.com/fa/m/tabs_more1.gif);}
        .contract {background: url(http://illiweb.com/fa/m/tabs_less1.gif);}
    ul#picture_legend {
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(http://i45.servimg.com/u/f45/17/95/37/90/kkk_10.jpg);
      -moz-border-radius: 10px;
        border-radius: 10px;
        text-align: center;
        padding: 24px 0;}
    .cpinfo {
        border: 3px solid;
        margin: px 5px;
        padding:15px 10px 15px 50px;
        background-repeat: no-repeat;
        background-position: 10px center;
   
   

    }
    textarea:focus,textarea:hover{box-shadow:0 0 15px #3677E0;border-color:#3677E0!important}
        textarea{border:1px solid #3677E0!important;border-radius:3px}
        .dd-textarea textarea{border:1px solid #DDD!important}
        .qreply .dd-textarea{margin-left:-103px!important;width:873px!important}
        .qreply #text_editor_controls{background:#f5f5f5;border:1px solid #DDD;border-radius:5px 5px 0 0;margin-bottom:-8px;margin-left:-103px;width:863px;padding:5px}
        .qreply .button2{background-image:none!important;border:1px solid #DDD!important;margin-right:-7px!important;padding:4px!important}
        .qreply .button2:hover{background:#DDD}
    blockquote {border:2px solid #DDD;border-radius:10px;background:#FFF;box-shadow:2px 2px 5px #EBEADD;font-family:Georgia!important;} /*Tạo style cho nội dung bÍn trong khung quote*/
        blockquote cite {background:#FFF;margin:0;border-bottom:2px solid #F40;padding:0;font-style:italic!important;} /*Tạo style cho nội dung bÍn trong khung quote*/
        .spoiler{background:#FFF;border:2px solid #DDD;border-radius:10px;box-shadow:2px 2px 5px #EBEADD;} /*Tạo style cho tÍn người trŪch dẫn trong khung quote*/
        .spoiler dt{background:transparent;border-bottom:2px solid #F40;color:#F40;} /*Tạo style cho nội dung bÍn trong khung spoiler*/
        .spoiler>dt:after{content:"▼ Hiện nội dung";float:center;} /*ThÍm chữ Click để xem*/

    a{text-decoration:none}

    .CSSstyle{text-indent:10px;}

Now, add and:
Code:
 #wrap {
        width: 1000px !important; /* Change 1000px with your value */
          border-radius:10px;
          -moz-border-radius:10px;
          -webkit-border-radius:10px;
        }

Sad Still doesn't work Sad

Ivy_2819
Forumember

Female Posts : 129
Reputation : 3
Language : Vietnamese and English
Location : Houston, TX, USA

http://steven.forumvi.com/

Back to top Go down

Solved Re: Forum width modify problem

Post by Omu on December 15th 2012, 3:47 pm

Try to set here in pixels.

Replace 60% with: 1000px

Omu
Active Poster

Male Posts : 1019
Reputation : 86
Language : Romanian, English, French
Location : Romania

http://supportdrops.com/

Back to top Go down

Solved Re: Forum width modify problem

Post by Mjgbales on December 15th 2012, 11:35 pm

Hi.
Put this in your CSS:
Code:
 #wrap {
  min-width: 0px;
}
Wink

Mjgbales
New Member

Posts : 9
Reputation : 5
Language : Spanish

Back to top Go down

Solved Re: Forum width modify problem

Post by Ivy_2819 on December 16th 2012, 12:50 am

Thank you all ! Smile Solved

Ivy_2819
Forumember

Female Posts : 129
Reputation : 3
Language : Vietnamese and English
Location : Houston, TX, USA

http://steven.forumvi.com/

Back to top Go down

Solved Re: Forum width modify problem

Post by becomeelite on December 16th 2012, 1:06 am

Can you take a look at my post? its very similar to the problem in this post! Maybe a css code like that will work for my problem?

http://help.forumotion.com/t117760-problem-with-width-of-forum#773827

becomeelite
Forumember

Posts : 53
Reputation : 1
Language : English

http://www.informationkeptquiet.com

Back to top Go down

Solved Re: Forum width modify problem

Post by Jophy on December 16th 2012, 1:37 am

Topic 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