• Page 1 of 1
  • 1
Forum moderator: bigblog  
BUG
Vorpal
Posts: 82
Reputation: 3

Message # 1 | 8:21 PM
Adding a new video in the video module.

I have a category.

I put the YouTube link.

I can't select the category because the menu goes behind somewhere.
Sunny
Posts: 9296
Reputation: 456

Message # 2 | 11:53 AM
Vorpal, what's the website address?
I'm not active on the forum anymore. Please contact other forum staff.
Sunny
Posts: 9296
Reputation: 456

Message # 3 | 3:40 PM
Vorpal, you need to do the following:

go to Control Panel -> Customize Design -> Video -> Entry adding/editing form, and replace

<li style="overflow: hidden;">  
$CAT_FL$  
</li>


by

<li>$CAT_FL$</li>


If it does not help then add the new styles to the VIDEO CSS:

/*-------------------------*/  

#cats-select {  
          display: inline-block;  
          *width: 300px;  
          position: relative;  
          z-index: 99;  
          font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;  
          font-size: 13px;  
          line-height: 18px;  
          color: #333;  
}  
#cats-select:before, #cats-select:after {display: table;content: "";}#cats-select:after {clear: both;}
.cats-select-btn {  
          position: relative;  
          display: inline-block;  
          vertical-align: middle;  
          float: left;  
          width: 300px;  
          margin-left: -1px;  
          margin-bottom: 0;  
          padding: 4px 10px 4px;  
          font-size: 13px;  
          line-height: 18px;  
          color: #333;  
          text-align: left;  
          text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);  
          cursor: pointer;  
          background-color: whiteSmoke;  
          background-image: -ms-linear-gradient(top,white,#E6E6E6);  
          background-image: -webkit-gradient(linear,0 0,0 100%,from(white),to(#E6E6E6));  
          background-image: -webkit-linear-gradient(top,white,#E6E6E6);  
          background-image: -o-linear-gradient(top,white,#E6E6E6);  
          background-image: linear-gradient(top,white,#E6E6E6);  
          background-image: -moz-linear-gradient(top,white,#E6E6E6);  
          background-repeat: repeat-x;  
          border: 1px solid #CCC;  
          border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);  
          border-color: #E6E6E6 #E6E6E6 #BFBFBF;  
          border-bottom-color: #B3B3B3;  
          -webkit-border-radius: 4px;  
          -moz-border-radius: 4px;  
          border-radius: 4px;  
          filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff',endColorstr='#e6e6e6',GradientType=0);
          filter: progid:dximagetransform.microsoft.gradient(enabled=false);  
          -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);  
          -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);  
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);  
}  
.cats-select-btn:hover {  
          color: #333;  
          text-decoration: none;  
          background-color: #E6E6E6;  
          background-position: 0 -15px;  
          -webkit-transition: background-position 0.1s linear;  
          -moz-transition: background-position 0.1s linear;  
          -ms-transition: background-position 0.1s linear;  
          -o-transition: background-position 0.1s linear;  
          transition: background-position 0.1s linear;  
}  
.btn-title {display: block;overflow-x: hidden;text-overflow: ellipsis;white-space: nowrap;_width: 100%;}  
#cats-select.open .cats-select-btn {  
          background-color: #E6E6E6;  
          background-image: none;  
          -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);  
          -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);  
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);  
}  
.btn-arrow {  
          margin: 7px 0 0 7px;  
          display: inline-block;  
          vertical-align: top;  
          float: right;  
          width: 0;  
          height: 0;  
          border-top: 4px solid black;  
          border-right: 4px solid transparent;  
          border-left: 4px solid transparent;  
          content: "";  
          opacity: 0.3;  
          filter: alpha(opacity=30);  
}  
.cats-select-btn:hover .btn-arrow, #cats-select.open .btn-arrow {  
          opacity: 1;  
          filter: alpha(opacity=100);  
}  

.dropdown-cats {  
          position: absolute;  
          z-index: 100;  
          top: 100%;  
          left: 0;  
          right: 0;  
          margin: 1px 0 0;  
          display: none;  
          float: left;  
          min-width: 160px;  
          max-height: 250px;  
          height: expression(this.scrollHeight > 250 ? "250px" : "auto");  
          overflow: auto;  
          border: 1px solid #CCC;  
          border: 1px solid rgba(0, 0, 0, 0.2);  
          background-color: white;  
          -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);  
          -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);  
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);  
          -webkit-background-clip: padding-box;  
          -moz-background-clip: padding;  
          background-clip: padding-box;  
}  
.open .dropdown-cats {display: block;}  
.dropdown-cats .dropdown-cats-ul {padding: 4px 0;background-color: white;margin: 0 !important;list-style: none !important;}  
.dropdown-cats-ul ul {padding: 0 !important;margin: 0 !important;list-style: none !important;}  
.dropdown-cats-ul li {line-height: 18px;margin: 0; _height: 24px;}  

/*.dropdown-cats-ul li li a {padding-left: 22px;}  
.dropdown-cats-ul li li li a {padding-left: 42px;}  
.dropdown-cats-ul li li li li a {padding-left: 62px;}  
*/  
.dropdown-cats-ul .subcat {display: inline-block;background: url(/.s/img/vi/arrow.png) no-repeat left 5px;width: 17px; height: 13px;}  
.dropdown-cats-ul .divider {height: 1px;margin: 8px 1px;overflow: hidden;background-color: #E5E5E5;border-bottom: 1px solid white;}  
.dropdown-cats-ul a {  
          display: block;  
          position: relative;  
          padding: 3px 45px 3px 22px;  
          clear: both;  
          font-weight: normal;  
          font-size: 12px;  
          line-height: 18px;  
          color: #333;  
          text-decoration: none;  
          white-space: nowrap;  
          overflow-x: hidden;  
          -webkit-text-overflow: ellipsis;  
          -moz-text-overflow: ellipsis;  
          -o-text-overflow: ellipsis;  
          text-overflow: ellipsis;  
          background: url(/.s/img/vi/cats-tick.png) no-repeat 4px 6px;  
          outline: none;  
}  
.dropdown-cats-ul a:active {color: #333;text-decoration: none;}  
.dropdown-cats-ul a.checked {background-position: 4px -49px;}  
.dropdown-cats-ul a:hover, .dropdown-cats-ul a:hover:active {color: white;text-decoration: none;background-color: #0088cc;}  
.dropdown-cats-ul a.disabled {color: #333 !important;cursor: default;background-color: transparent !important;opacity: 0.4;filter: alpha(opacity=40);}  
.dropdown-cats-ul a span {cursor: pointer;}  
span.unseen {position:absolute;width: 16px;height: 14px;right: 4px; top: 5px;background: url(/.s/img/vi/unseen.png) no-repeat;}  

/*-------*/  

#cats-select, .dropdown-cats {_width: 300px;}  
.cats-select-btn {_height: 28px;}  
.dropdown-cats-ul a {_width: 100%;_zoom: 1;}

I'm not active on the forum anymore. Please contact other forum staff.
Vorpal
Posts: 82
Reputation: 3

Message # 4 | 3:51 PM
First method worked thank you.
  • Page 1 of 1
  • 1
Search: