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.

spacing between widgets and main forum

View previous topic View next topic Go down

Solved spacing between widgets and main forum

Post by rocket2300 on February 5th 2016, 10:48 am

Ive just noticed that there is no space between the widgets and my main forum on the righthand side,
but everything is ok on the left. I tried altering the widgets size, but that made no difference. They
look perfect in my portal.

Im guessing it could be something in my CSS ?.

Code:
#search{
display:none;
}
blockquote {
   border: 1px solid #000000;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
}




        /*UCP Widget*/
        /*Design by RdC*/
        .ucpbase{
        padding:10px;
        }
        .ucptitle{
        font-size:14px;
        font-weight:bold;
        font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
        }
        .ucpoption{
        font-size:10px;
        transition:0.5s;
        }
        .ucpoption:hover{
        margin-left:10px;
        }








        .post { border-bottom : 4px solid #000;}


                #left, #right {
          display:none;
        }
        #content-container div#content {
          margin-right: 0px;
        }



    .sceditor-button-color { display:none !important; }

        #plus_menu {
            background: #000!important;
        }


        .user-basic-info a img {
          background:#FFF;
          height:100px;
          width:100px;
          border-radius:100px;
          box-shadow:0 2px 3px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.1);
          -moz-box-shadow:0 2px 3px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.1);
          -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.1);
          padding:3px;
        }
       
.mini_ava img, .lastpost-avatar img {
          background:#FFF;
          border-radius:100px;
          box-shadow:0 2px 3px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.1);
          -moz-box-shadow:0 2px 3px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.1);
          -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.1);
          padding:3px;
        }




        .fa_avatar img {
          width:25px;
          height:25px;
          margin-right:5px;
          margin-bottom:-6px;
          -webkit-border-radius:3px;
            -moz-border-radius:3px;
                  border-radius:3px;
        }


        /* Warning buttons */
       
        .mod_mess, .adm_mess {
        margin: 5px auto;
        width: 90%;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        }
       
        .mod_mess a.postlink, .adm_mess a.postlink {
        color: #FFF !important;
        text-decoration: underline !important;
        }
       
        /* Administrator bb-Code - message block */
       
        .adm_mess {
        background: #e54858;
        background: -moz-linear-gradient(left, #e54858 0%, #f5b57a 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e54858), color-stop(100%, #f5b57a));
        background: -webkit-linear-gradient(left, #e54858 0%, #f5b57a 100%);
        background: -o-linear-gradient(left, #e54858 0%, #f5b57a 100%);
        background: -ms-linear-gradient(left, #e54858 0%, #f5b57a 100%);
        background: linear-gradient(left, #e54858 0%, #f5b57a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e54858", endColorstr="#f5b57a", GradientType=1);
        -webkit-box-shadow: 4px 4px 0px 0px #352727;
        -moz-box-shadow: 4px 4px 0px 0px #352727;
        box-shadow: 4px 4px 0px 0px #352727;
        }
       
        /* Administrator bb-Code - title */
        .adm_mess .titl {
        font-size: 15px;
        font-weight: bold;
        padding: 5px;
        border-bottom: 1px dashed #B60505; 
        }
           
        /* Administrator BB-Code - text presentation */
        .adm_mess .titl + div {
        display: block;
        margin-left: 10px;
        padding: 25px 5px 25px 80px;
        background: transparent url(http://i68.servimg.com/u/f68/14/27/90/52/gnome-10.png) no-repeat left center;
        }
       
        /* Moderator BB-Code - message block */
       
        .mod_mess {
        background: #5c93f5;
        background: -moz-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, #5c93f5), color-stop(100%, #afcfda));
        background: -webkit-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
        background: -o-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
        background: -ms-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
        background: linear-gradient(left, #5c93f5 0%, #afcfda 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5c93f5", endColorstr="#afcfda", GradientType=1);
        -webkit-box-shadow: 4px 4px 0px 0px #352727;
        -moz-box-shadow: 4px 4px 0px 0px #352727;
        box-shadow: 4px 4px 0px 0px #352727;
        }
       
        /* Moderator BB-Code - title */
        .mod_mess .titl {
        font-size: 15px;
        font-weight: bold;
        padding: 5px;
        border-bottom: 1px dashed #0D4DD3;   
        }
           
        /* Moderator BB-Code - text presentation */
        .mod_mess .titl + div {
        display: block;
        margin-left: 10px;
        padding: 25px 5px 25px 80px;
        background: transparent url(http://i68.servimg.com/u/f68/14/27/90/52/gnome610.png) no-repeat left center; 
        }


        #fa_thanks_message img { vertical-align:middle }
        #fa_thanks_message {
          color:#280;
          font-size:16px;
          font-weight:bold;
          text-align:center;
          background-color:1e2a31;
          border:1px solid #BDB;
          border-radius:6px;
          padding:6px;
          margin:10px;
          width:35%;
          margin-left:440px;
}

        #fa_chat_container {
          background:#FFF;
          border:1px solid #556682;
          border-radius:3px;
          position:fixed;
          right:3px;
          z-index:999;
          overflow:hidden;
          min-width:500px;
          min-height:250px;
          transition:300ms;
        }
       
        #fa_chat {
          border:none;
          width:100%;
          height:100%;
        }
       
        #fa_chat_button {
          color:#FFF;
          line-height:30px;
          margin-left:10px;
          padding:0 5px;
          cursor:pointer;
        }
       
        #fa_chat_button.fa_chat_active {
          color:#333;
          background:#FFF;
        }




        ul#privmsgs-menu li {
            font-size: 0px;
        }

       


        .search-box {
        position:absolute;
        top:545px;
        right:0px;
        left:1010px;
        }
       




                input[type="text"], textarea.inputbox, input[type="text"]:hover, textarea.inputbox:hover, input[type="text"]:focus, textarea.inputbox:focus {
          border-color: white!important;
        }       
                #search_menu {
          background: #000!important;
        }
                fieldset dl:hover dt label {
          color: #ffffff !important;
          }
            .postbody .content {
            font-size: 12;
        } 
              .postprofile {
          text-align: center;
          width: 20%;
          font-size: 10;
 
         
        }
                .postbody {
          width:79%;
        }
       
        .postprofile, .postprofile dt { position:relative; }
        /* margin above avatar for rank and name */
        .postprofile dl dt img {
        margin-top:80px;
        /* negate margin from fallback */
        margin-bottom:-28px;
        }
        /* fallback for users without avatars */
        .postprofile dt+dd+dd+dd { margin-top:20px; }
        /* username */
        .postprofile dl dt br + strong {
        position:absolute;
        top:0px;
        right:0px;
        left:0px;
          }
        /* rank */

        .postprofile dl dt + dd {
        position:absolute;
        top:20px;
        right:0px;
        left:0px;
 
        }
                    html#sceditor_smilies body {
                    background-image: none;
                    background-color: #ffffff;
                }
body {
background-repeat: repeat-x;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   color: #adadad;
   background-color: #1c272e;
   background-image: url('http://hosted.3rdfleet.com/storp/forums/Themes/Krilliunsmf2/images/theme/backdrop.png');
   background-attachment: scroll;
   font-size: 10px;
   height: auto;
   padding: 10px 0px;
   }

#wrap {

background-repeat: repeat-x;
background-image: url('http://i68.servimg.com/u/f68/14/27/90/52/gradie10.png');
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
background-color: #12191d;
  width: 95%;
}
.inputbox {
   background-color: #1a242a;

    border: 1px solid #BCBCBC;
   color: #ffffff;
   padding: 2px;
   cursor: text;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;

   }
#text_editor_controls a.button2,#text_editor_controls input.button2,#text_editor_controls button.button2{
background-image: url(http://illiweb.com/fa/prosilver/bg_button.gif);

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 3px;}
     
.inputbox:hover {
background-color: #1a242a;

    border: 1px solid #BCBCBC;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
border-color: #111010;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
    }
input.button1, input.button2, button.button2 {
    font-size: 1em;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    }
fieldset dl {
   padding: 4px 0;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }
fieldset.fields1 dt {
   width: 10em;
   border-right-width: 0;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }
fieldset.submit-buttons {
   text-align: center;
   vertical-align: middle;
   margin: 5px 0;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }


dl.codebox {
   padding: 3px;
   background-color: #FFFFFF;
   border: 1px solid #C9D2D8;
   font-size: 1em;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
border: 1px solid #101010;
   }
.forabg {
background-color: #1a242a;
   margin-bottom: 4px;
   clear: both;
   border: 2px solid #;
   padding: 0px 5px;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
border: 1px solid #101010;
background-image: url('http://i60.servimg.com/u/f60/14/70/09/25/gradie27.png');
-o-transition: background-color 0.2s linear; 
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
   }
.forumbg {
   background-color: #1a242a;
background-image: url('http://i60.servimg.com/u/f60/14/70/09/25/gradie27.png');
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
-o-transition: background-color 0.2s linear; 
   border: 2px solid #;
   padding: 0px 5px;
   margin-bottom: 4px;
   clear: both;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
border: 1px solid #101010;


   }
.panel {
   margin-bottom: 4px;
   padding: 0px 10px;
   background-image: url('http://i60.servimg.com/u/f60/14/70/09/25/gradie27.png');
border: 1px solid #101010;   
background-repeat: repeat-x;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
background-color: #1a242a;
border: 1px solid #696868;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
   }
.post {
   padding: 0 10px;
   margin-bottom: 4px;
   background-repeat: no-repeat;
   background-position: 100% 0;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;

background-color: #1a242a;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
   }
.postprofile {
   color: #ffffff;
   margin: 5px 0 0px 0;
   min-height: 80px;
   border-right-style: solid;
   border-right-width: 1px;
   border-color: #4D4D4D;
   width: 19%;
   float: left;
   display: inline;
   position: relative;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }
#cp-main {
   float: left;
   width: 98%;
   margin-left: 20px;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }
#cp-main .panel {
   
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }
#cp-main table.table1 {
   margin-bottom: 1em;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }
#ucp-main table.table1 {
   padding: 2px;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }
#tabs {
   line-height: normal;
   margin: 20px 0 -1px 7px;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   
/*min-width: 570px;
   */
}
#smiley-box {
   
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
 
   }

ul.profile-icons {
   margin-top: 10px;
   list-style: none;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }
#message-box textarea {
   
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }
.module {
   background-image: url('http://i60.servimg.com/u/f60/14/70/09/25/gradie27.png');
border: 1px solid #101010;   
background-repeat: repeat-x;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
background-color: #1a242a;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
   }

.signature {
   
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
border-color: #111010;

   }
body.chatbox {

 
background-image: url('http://i60.servimg.com/u/f60/14/70/09/25/body-r10.png');

   }

/* Login Popup---------------------------------------------------*/
#login_popup {
background-color: #1a242a;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
background-image: url('http://i60.servimg.com/u/f60/14/70/09/25/gradie27.png') ;
border: 1px solid #101010;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;   
background-repeat: repeat-x;
}



Im using PhpBB3.

www.suzuki-intruder.org


Last edited by rocket2300 on February 9th 2016, 4:55 pm; edited 1 time in total

rocket2300
Forumember

Male Posts : 214
Reputation : 4
Language : english
Location : United Kingdom

http://www.suzuki-intruder.org

Back to top Go down

Solved Re: spacing between widgets and main forum

Post by rocket2300 on February 7th 2016, 5:20 am

anyone ?

rocket2300
Forumember

Male Posts : 214
Reputation : 4
Language : english
Location : United Kingdom

http://www.suzuki-intruder.org

Back to top Go down

Solved Re: spacing between widgets and main forum

Post by Genesis on February 7th 2016, 7:12 am

Are you talking about the scroll bar?

Genesis
Forum Reviewer
Forum Reviewer

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Solved Re: spacing between widgets and main forum

Post by rocket2300 on February 7th 2016, 8:20 am

@Forumedic wrote:Are you talking about the scroll bar?

no mate, im talking about the small space inbetween the main forum and the widgets, there is a small
space between them on the left of the forum, but nothing on the right as shown in the image.

rocket2300
Forumember

Male Posts : 214
Reputation : 4
Language : english
Location : United Kingdom

http://www.suzuki-intruder.org

Back to top Go down

Solved Re: spacing between widgets and main forum

Post by Van-Helsing on February 7th 2016, 11:15 am

Hello,
You can go ACP(Admin Control Panel) > Modules > Portal & Widgets > Forum widgets management > Forum widgets general options > Space between columns :
and ACP(Admin Control Panel) > Modules > Portal & Widgets > Forum widgets management > Forum widgets general options > Space between two widgets : and you can check and change the distance between columns or between widgets or both and mofify the spacing as you wish.

Van-Helsing
Hyperactive

Male Posts : 2198
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: spacing between widgets and main forum

Post by rocket2300 on February 7th 2016, 12:05 pm

Black-Shadow wrote:Hello,
You can go ACP(Admin Control Panel) > Modules > Portal & Widgets > Forum widgets management > Forum widgets general options > Space between columns :
and ACP(Admin Control Panel) > Modules > Portal & Widgets > Forum widgets management > Forum widgets general options > Space between two widgets : and you can check and change the distance between columns or between widgets or both and mofify the spacing as you wish.

The space between two widgets only effects the "vertical", not the left or right movement, which
I already knew. Yes I can set the Space between columns to zero, which removes the spacing on
the lefthand side, but I want the spacing, not get rid of it. I want both sides to have an equal space
between the main forum and the widgets.

rocket2300
Forumember

Male Posts : 214
Reputation : 4
Language : english
Location : United Kingdom

http://www.suzuki-intruder.org

Back to top Go down

Solved Re: spacing between widgets and main forum

Post by Van-Helsing on February 7th 2016, 1:34 pm

Hello,
Go ACP(Admin Control Panel) > Display > Pictures and Colors > Colors > CSS Stylesheet
and find the following code:

Code:
#content-container div#content {
    margin-right: 180px;
}

and modify the distance in the margin-right as you wish. If the code there isn't in your CSS add the previous code and and modify the margin-right etc. margin-right: 185px;

It must looks like this:

Van-Helsing
Hyperactive

Male Posts : 2198
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: spacing between widgets and main forum

Post by rocket2300 on February 7th 2016, 9:18 pm

Yes found that, it was set at 0px so I changed it to 180px and it made no difference
at all, which surprised me if im honest!. I even put it at a silly 380px just to see if it
changed, and unfortunately it didn't. Yes I did click the "submit" after changing it.

Just for information my widgets settings are:-

Width column 1 (left) : 180 pixels
Width column 3 (right) : 180 pixels

Space between two widgets : 5
Space between columns : 2

rocket2300
Forumember

Male Posts : 214
Reputation : 4
Language : english
Location : United Kingdom

http://www.suzuki-intruder.org

Back to top Go down

Solved Re: spacing between widgets and main forum

Post by SLGray on February 7th 2016, 9:45 pm

Code:
#content-container div#right {
    margin-right: -5px;
}


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


SLGray
Administrator
Administrator

Male Posts : 35667
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: spacing between widgets and main forum

Post by rocket2300 on February 7th 2016, 10:49 pm

ok that works SLGray, but its pushing the righthand widgets right onto the edge on the
forum outer line. My portal is perfect, now if I could get them to something like that it
would be great.


Ive just been looking at the page structure settings under forum configuration

Forum width (number or %) :
Image cell's height
Image cell's width

But none of these changed anything either, so im guessing my CSS is over riding those somewhere.

rocket2300
Forumember

Male Posts : 214
Reputation : 4
Language : english
Location : United Kingdom

http://www.suzuki-intruder.org

Back to top Go down

Solved Re: spacing between widgets and main forum

Post by SLGray on February 7th 2016, 11:38 pm

@rocket2300 wrote:Forum width (number or %) :
Image cell's height
Image cell's width
That is for the whole forum and the area where the topic icons appear.


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


SLGray
Administrator
Administrator

Male Posts : 35667
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: spacing between widgets and main forum

Post by rocket2300 on February 8th 2016, 9:10 am

yes I realised that just after posting it, it had been a very long day with very little
sleep lol. So we are a little nearer, but not completely solved yet. It might seem im
being a bit picky and doubt any of my members will notice, but the right hand widgets
are now at the very edge of the forum, whereas there is a space on the left hand ones ?

You will have to use the bottom scroll bar to see this pic in full size.


rocket2300
Forumember

Male Posts : 214
Reputation : 4
Language : english
Location : United Kingdom

http://www.suzuki-intruder.org

Back to top Go down

Solved Re: spacing between widgets and main forum

Post by rocket2300 on February 9th 2016, 10:06 am

anyone ?

rocket2300
Forumember

Male Posts : 214
Reputation : 4
Language : english
Location : United Kingdom

http://www.suzuki-intruder.org

Back to top Go down

Solved Re: spacing between widgets and main forum

Post by Ange Tuteur on February 9th 2016, 12:06 pm

Hey,

Add this CSS rule to your stylesheet :
Code:
#wrap { padding-right:10px }
It'll double the spacing value on the right, making it appear equal to the left.

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: spacing between widgets and main forum

Post by rocket2300 on February 9th 2016, 4:55 pm

Fantastic @Ange Tuteur works perfecty. Thankyou very much thumleft

Solved.

rocket2300
Forumember

Male Posts : 214
Reputation : 4
Language : english
Location : United Kingdom

http://www.suzuki-intruder.org

Back to top Go down

Solved Re: spacing between widgets and main forum

Post by SLGray on February 9th 2016, 9:30 pm

Topic solved and archived



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


SLGray
Administrator
Administrator

Male Posts : 35667
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

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