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.

Widget out of the line! How to fix

Page 1 of 2 1, 2  Next

View previous topic View next topic Go down

In progress Widget out of the line! How to fix

Post by DeathDunk98* on April 8th 2014, 7:22 pm

Hi! 
Im having a wierd problem in my forum, till today I haven't used widget but today I turned them on, and this is what I see, they're not in the line!

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

In progress Re: Widget out of the line! How to fix

Post by Ange Tuteur on April 9th 2014, 4:21 am

Hello MIKAIL,

Please provide a link to your forum.

Thank you. Smile

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Widget out of the line! How to fix

Post by DeathDunk98* on April 9th 2014, 10:07 am


DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

In progress Re: Widget out of the line! How to fix

Post by Ange Tuteur on April 9th 2014, 11:31 am

If you had the widgets active I could investigate the problem.

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Widget out of the line! How to fix

Post by DeathDunk98* on April 9th 2014, 11:38 am

do you want me to turn them on ?

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

In progress Re: Widget out of the line! How to fix

Post by Ange Tuteur on April 9th 2014, 11:40 am

Of course, otherwise everything appears normal to me as of now. Wink

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Widget out of the line! How to fix

Post by DeathDunk98* on April 9th 2014, 11:53 am

I activated them!

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

In progress Re: Widget out of the line! How to fix

Post by Ange Tuteur on April 9th 2014, 12:08 pm

The problem is you've set #right width to 0, add this to your CSS :
Code:
#content-container #right { width:auto !important; }

That should set the width to what you've set in the widget management.

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Widget out of the line! How to fix

Post by DeathDunk98* on April 9th 2014, 12:23 pm

the problem still remains:P

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

In progress Re: Widget out of the line! How to fix

Post by Ange Tuteur on April 9th 2014, 12:48 pm

Remove this from your CSS :
Code:
#content-container #right {
  width: 0px !important;
}

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Widget out of the line! How to fix

Post by DeathDunk98* on April 9th 2014, 7:47 pm

Everything got [Language]*d up when I removed that code ? 

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

In progress Re: Widget out of the line! How to fix

Post by DeathDunk98* on April 9th 2014, 7:48 pm

actualy it looks like this again Razz 

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

In progress Re: Widget out of the line! How to fix

Post by Ange Tuteur on April 9th 2014, 8:03 pm

If its width is 0 then it will display outside of the forum wrapper. From your screenshot, you would most likely need to adjust your forums width after removing that rule. Wink

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Widget out of the line! How to fix

Post by DeathDunk98* on April 9th 2014, 8:05 pm

no it's not 0 it's 180px

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

In progress Re: Widget out of the line! How to fix

Post by Ange Tuteur on April 9th 2014, 8:22 pm

Yes, but you're setting its width to 0 by this rule :
Code:
#content-container #right {
  width: 0px !important;
}

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Widget out of the line! How to fix

Post by DeathDunk98* on April 23rd 2014, 9:28 pm

Nothing's working actually, the widget's are not in line, so Im giving the css to you to see if there's any code that is affecting them : 
Code:
.attach{float: right;}
.hide{display: none;}
#adv_search{width: 16px;
height: 16px;
background: url(http://community.invisionpower.com/filestore/public/style_images/master/advanced_search.png) no-repeat right 50%;
text-indent: -3000em;
display: inline-block;
margin: 4px 0 4px 4px;}
#search_wrap{position: relative;
background: white;
display: block;
padding: 0 26px 0 4px;
height: 26px;
line-height: 25px;
-moz-border-radius: 3px 4px 4px 3px;
border-radius: 3px 4px 4px 3px;
border-radius: 3px 4px 4px 3px;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
min-width: 230px;}
#main_search {margin-top: 5px;
font-size: 12px;
border: 0;
padding: 0;
background: transparent;
width: 130px;
outline: 0;}
#search_options {font-size: 10px;
height: 20px;
line-height: 20px;
margin: 3px 3px 3px 0;
padding: 0 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #EAEAEA;
display: inline-block;
float: right;
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;}
#search .submit_input {background: #7BA60D url(http://community.invisionpower.com/filestore/public/style_images/master/search_icon.png) no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
border: 1px solid #7BA60D;
display: block;
width: 26px;
height: 26px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);}
#search.attach{
    position: relative;
    right: 25px;
}

.forumline .row3, .growx:hover, td.row1.over:hover {
  background-color: #d1d1d1;
}

/* remove td bg color */
.forumline_catg td, .forumline_catg td:hover { background:none !important; }



/* row hover color */
.forumline_catg tr:hover { background:#EEA; }




.forumline_catg tr {
background: #b5b0b7; /* Old browsers */
background: -moz-linear-gradient(top,  #b5b0b7 2%, #fcfcfc 30%, #fcfcfc 70%, #b5b0b7 98%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#b5b0b7), color-stop(30%,#fcfcfc), color-stop(70%,#fcfcfc), color-stop(98%,#b5b0b7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b5b0b7 2%,#fcfcfc 30%,#fcfcfc 70%,#b5b0b7 98%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b5b0b7 2%,#fcfcfc 30%,#fcfcfc 70%,#b5b0b7 98%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b5b0b7 2%,#fcfcfc 30%,#fcfcfc 70%,#b5b0b7 98%); /* IE10+ */
background: linear-gradient(to bottom,  #b5b0b7 2%,#fcfcfc 30%,#fcfcfc 70%,#b5b0b7 98%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5b0b7', endColorstr='#b5b0b7',GradientType=0 ); /* IE6-9 */
}





    th.secondarytitle {
  height: #16px;
  background-repeat: repeat-x; /* You can choose any of the 3 in case you want it to repeat or not */
}


div.gensmalxl, span.gensmalxl {
    color: #000000 !important;
    }



.forumline{
border-spacing:0px;
}



    

a.mainmenu{
filter:alpha(opacity=80);
-moz-opacity: .80;
opacity: .80;
  }

a.mainmenu:hover{
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}



a[href="/u1"]{   
text-shadow:-1px 0px 8px #ff0000;
}


a.mainmenu { padding-top:18px; }

a.mainmenu:hover {
    background-color: #007bff; opacity:0.6; transparency:0.5;
}

.menu_mbajtesi {
background: #171717 url("http://i57.servimg.com/u/f57/18/10/03/86/2-112.jpg") repeat-x 3px -5px;
height: 48px;
width: 86%;
border-radius: 3px;
min-width: 1126px;
margin: 0px auto 10px;
}



a.mainmenu img{
  display:none;
}



a.mainmenu {
position: relative;
padding-bottom: 15px;
color: #007bff;
text-align: center;
font-family:"Arial Black";
text-decoration: none;
z-index: 99;
margin-right: -12px;
padding-left: 15px;
padding-right: 15px;
}



.new {
 background-color: black;
 border: 1px solid #0091FF;
 color: white;
 margin-top: 2px;
 padding-bottom: 3px;
 padding-left: 10px;
 padding-right: 3px;
 padding-top: 3px;
 text-align: left;
 width: 154px;
}



span.gensmalxl , div.gensmalxl , div.growx {
font-size: 10px;
color: #FFFFFF;
}







.topics , .posts{
border: 1px solid rgb(214, 214, 214);
background: white;
padding: 1px;
width: 90px;
margin: 0 auto;
border-radius: 3px;
box-shadow: 1px 1px 0px white;
color: #666;
font-family: Verdana;
font-size: 11px;
  margin-top:3px;
}

.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: rgba(244, 244, 244, 0);
border-style: solid none none none;
}

.pun table.table td {
background-color: #fbfbfb;
border-color: transparent;
border-style: solid none none solid;
border-width: 1px;
line-height: 130%;
padding: .6em 0 .6em;
}



.pun table .tcl {
overflow: hidden;
text-align: left;
width: 72%;
}

.pun .table .tc2, .pun .table .tc3 {
text-align: center;
width: 10%;
float: right;
}

.lpost{
background: #fff;
border: 1px solid #d6d6d6;
border-radius: 3px;
box-shadow: 1px 1px 0 #fff;
color: #666;
font-family: Verdana;
font-size: 11px;
margin: 3px auto 0;
padding: 2px;
width: 50%;
margin-top: -5px;
margin-left: 120px;
}











.sceditor-container iframe, .sceditor-container textarea {
background-image: url(http://i40.tinypic.com/14vsmk5.png)!important;
background-position: center center!important;
background-repeat: no-repeat!important;
}



.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
padding: 2px 1px;
border-top: 1px solid rgba(0, 0, 0, 0.47);
box-shadow: 0 2px 0 rgba(255, 255, 255, 0.16) outset;
}



.menu_mbajtesi {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
}






    #tp22, #tp23 {
  font-size: 10px;
}





.forumline.whois td { border:none !important; }

#disispro {
  visibility: hidden;
  margin-top: -45px !important;
}


#social-widget img {
max-height: 51px;

}

#social-widget img {
transition-duration:400ms;
-moz-transition-duration: 400ms;
-ms-transition-duration:400ms;
-o-transition-duration: 400ms;
-webkit-transition-duration: 400ms;
}


#social-widget img:hover {
transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
}

a { text-decoration: none; }

a:hover{text-decoration: none !important;}
a {text-decoration: none !important;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}



.panel.introduction {
color: #1f1f1f;
background-image: url(http://i57.servimg.com/u/f57/18/10/03/86/untitl49.jpg);
width: auto!important;
height: 136px;
-webkit-box-shadow: 0 7px 11px -6px #262626;
-moz-box-shadow: 0 7px 11px -6px #262626;
text-align: left;
font-size: 13px;
text-transform: uppercase;
border-radius: 5px;
  box-shadow: 0px 1px 5px;
}

.forumline.forumline_catg th, .forumline.forumline_catg tr:first-child { background:none !important; }
.forumline.forumline_catg {
    background-color:#0751ad;
    background-image:url('http://i57.servimg.com/u/f57/18/10/03/86/untitl38.png');
    background-repeat:repeat-x;
  border-radius: 6px;
    -webkit-box-shadow: 0 8px 11px -6px #262626;
     -moz-box-shadow: 0 8px 11px -6px #262626;
          box-shadow: 0 8px 11px -6px #262626;
    padding:5px 5px;
}



#i_logo {
  border-radius: 6px;
}


#i_logo {
-webkit-box-shadow: 0 7px 11px -4px #262626;
-moz-box-shadow: 0 7px 11px -4px #262626;
box-shadow: 0px 2px 5px #262626;
}

#page-body { margin:0 -10px 0 -10px; }

#i_logo { margin:0 -2px 0 -2px; }

.bodyline {
  padding-left: 0em;
  padding-right: 0em;
}

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

In progress Re: Widget out of the line! How to fix

Post by Pizza Boi on April 23rd 2014, 9:32 pm

Hi Very Happy

From the code I gave you for .bodyline, try adding value in the padding-right by increasing the em.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

In progress Re: Widget out of the line! How to fix

Post by DeathDunk98* on April 23rd 2014, 9:37 pm

this is what happened, forum size change which I dont want it to change and everything messed up

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

In progress Re: Widget out of the line! How to fix

Post by Pizza Boi on April 23rd 2014, 9:39 pm

Hi Very Happy

Can you enable your widgets for a bit? Don't add the bodyline code yet, I'll try to edit them in my console and give you feedback.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

In progress Re: Widget out of the line! How to fix

Post by DeathDunk98* on April 23rd 2014, 9:39 pm

okay

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

In progress Re: Widget out of the line! How to fix

Post by Pizza Boi on April 23rd 2014, 9:44 pm

Hi Very Happy

I checked my console and saw that most of your table elements/styles have been cancelled out which MAY have caused the mess up in your table. Have you added any code for your table recently?

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

In progress Re: Widget out of the line! How to fix

Post by DeathDunk98* on April 23rd 2014, 9:45 pm

yes, I think I have but I dont remember any of it -_-

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

In progress Re: Widget out of the line! How to fix

Post by DeathDunk98* on April 23rd 2014, 9:47 pm

even the FORUM size from General- Configuration wont change

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

In progress Re: Widget out of the line! How to fix

Post by Pizza Boi on April 23rd 2014, 9:48 pm

Hi Very Happy

Lol, why are you using pun codes when you're version's phpBB2?

Code:

.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: rgba(244, 244, 244, 0);
border-style: solid none none none;
}

.pun table.table td {
background-color: #fbfbfb;
border-color: transparent;
border-style: solid none none solid;
border-width: 1px;
line-height: 130%;
padding: .6em 0 .6em;
}



.pun table .tcl {
overflow: hidden;
text-align: left;
width: 72%;
}

.pun .table .tc2, .pun .table .tc3 {
text-align: center;
width: 10%;
float: right;
}

Actually, try removing those codes for a bit and see if it fixes your widget mess up. (Make sure you back them up first).

Regards,
Pizza Boi


Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

In progress Re: Widget out of the line! How to fix

Post by DeathDunk98* on April 23rd 2014, 9:50 pm

I deleted the codes and nothing changed Sad((

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

In progress Re: Widget out of the line! How to fix

Post by DeathDunk98* on April 23rd 2014, 9:54 pm

maybe the problem is in the INDEX BODY or INDEX BOX , i dont know ! JUST SAYIN THOUGH

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

In progress Re: Widget out of the line! How to fix

Post by Pizza Boi on April 23rd 2014, 9:55 pm

Hi Very Happy

I'll look into it later, I keep on receiving this message so I can't access your forum right now... which is odd, actually o.O.



Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

In progress Re: Widget out of the line! How to fix

Post by DeathDunk98* on April 27th 2014, 12:40 pm

BUMP!!!
I set the width to 180 px but it wont work:

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

In progress Re: Widget out of the line! How to fix

Post by SocialAcademy on April 27th 2014, 1:08 pm

try this

Code:
.pun {
min-width: 1170px;
}

SocialAcademy
Forumember

Male Posts : 141
Reputation : 10
Language : JavaScript, CSS, Html, JQuery, C#, C++, Php, Python
Location : Forumotion

http://www.socialacademy.biz

Back to top Go down

In progress Re: Widget out of the line! How to fix

Post by DeathDunk98* on April 27th 2014, 1:12 pm

um, is this code for punbb, because if so it's not going to work I use phpbb2 ?

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

Page 1 of 2 1, 2  Next

View previous topic View next topic Back to top


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