Shape 5

By default the video player is aligned to the top left position, but I would like to change it to the right hand position.  I switched it to the top right position, but now it appears off the side of the page!!!  How can I make it fit properly?  There doesn't seem to be an alignment option.

www.isolationfilms.com

Also I tried to place the JFacebook model in the login position, next to the 'Login to site here' and 'register' buttons, but it just disappears.  Is there anyway I can get another module to appear in this location?

Thanks.

Try publishing to the "topleft" position

But the top left is the usual position, that will align the player to the left.  I am trying to align it to the right.

Oh ok then you'd need to adjust the top left width.  right now its set to 637 in your template parameters area of Joomla.  (extensions > template manager > select mediaplate and click edit)

Thanks for the reply, that was easy to fix!

I'm just wondering now about the login position, I want to place the Jfacebook login module in the same place as all the other login/register buttons, but when I do it just disappears!  Is this because of the size of the space, and if so how can I made it large/taller.  Thanks.

If you mean on the same horizontal plane, so have the jfacebook to the right of register you'd have to manually place it in the following DIV

#s5_topgradleft

Ah right, I will have a go tomorrow.  Is it also possible to swap the position of the login/register buttons, and the search bar.  At the moment the first two are on the left, and search is on the right.  How easy would it be to switch search to the left, and the other 2 to the right?  Thanks.

Hi Jonahh, is it in the HTML file of the template?  This is what I have found so far:

#s5_topgradleft {
   width:<?php echo ($s5_body_width) - 347;?>px;}
<?php } else {?>   
   #s5_topgradleft {
   width:<?php echo ($s5_body_width) - 101;?>px;}
<?php } ?>   

How would I place Jfacebook comments in this section?  Thanks.

Ah sorry, I guess you mean the template CSS:

#s5_topgradleft {
      height:33px;
      border-left:1px solid #444444;
      float:left;
      background: url(../images/Shape5_Mediaplate_maingradtop.png) repeat-x;}    

      .s5_topgradlogreg {
         margin-left:16px;
         float:left;
         cursor:pointer;
         font-size:11px;
         padding-top:12px;}
      
      .s5_topgradleftl {
         height:23px;
         width:10px;
         float:left;
         background: url(../images/Shape5_Mediaplate_lrleft.png) no-repeat;}

      .s5_topgradleftm {
         height:23px;
         float:left;
         line-height:21px;
         color:#CCCCCC;
         background: url(../images/Shape5_Mediaplate_lrmiddle.png) repeat-x;}

      .s5_topgradleftr {
         height:23px;
         width:9px;
         float:left;
         background: url(../images/Shape5_Mediaplate_lrright.png) no-repeat;}
         
         .s5_popupbox {
            position:absolute;
            z-index:20;}
         
         .s5_popupboxleft{
            height:29px;
            width:9px;
            float:left;
            background: url(../images/Shape5_Mediaplate_dactivel.png) no-repeat;}
         
         .s5_popupboxm{
            height:29px;
            line-height:23px;
            float:left;
            background: url(../images/Shape5_Mediaplate_dactivem.png) repeat-x;}
            
            .s5_popupboxtopl {
               height:8px;
               width:8px;
               float:left;
               background:#e4e4e4;}
               
            .s5_popupboxtopm2 p {
               padding:0;}
               
               .s5_popupboxtopm2 ul li {margin-left:-17px;}
               
               .s5_popupboxtopl2 {
                  height:8px;
                  width:8px;
                  float:left;
                  background:transparent url(../images/Shape5_Mediaplate_dropbl.png) no-repeat top right;}
                  
               .s5_popupboxtopr2 {
                  height:8px;
                  width:8px;
                  float:left;
                  background:transparent url(../images/Shape5_Mediaplate_dropbr.png) no-repeat top right;}
               
               
            .s5_popupboxtopm {
               height:8px;
               float:left;
               background:#e4e4e4;}
               
               .s5_popupboxtopm2 {
                  padding:12px;
                  background:#e4e4e4;}
               
            .s5_popupboxtopr {
               height:8px;
               width:8px;
               float:left;
               background:transparent url(../images/Shape5_Mediaplate_droptr.png) no-repeat top right;}
            
         .s5_popupboxright{
            height:29px;
            width:10px;
            float:left;
            background: url(../images/Shape5_Mediaplate_dactiver.png) no-repeat;}
      
         .s5_popupbox {
            display:none;}
            
   #s5_topgradsearch {
      height:33px;
      width:246px;
      float:left;
      background: url(../images/Shape5_Mediaplate_search.png) no-repeat;}    
      
   #s5_topgradright {
      height:33px;
      width:99px;
      border-right:1px solid #444444;
      float:left;
      background: url(../images/Shape5_Mediaplate_maingradtop.png) repeat-x;}    

Not sure how I would add it to this, it seems to mainly be pictures?