Forum Support

Shape 5
March 28, 2024, 02:56:40 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Media player alignment problem?  (Read 1475 times)
williama
Jr. Member
**
Offline Offline

Posts: 48



« on: April 07, 2011, 11:16:25 AM »

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.

Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #1 on: April 07, 2011, 12:27:01 PM »

Try publishing to the "topleft" position
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
williama
Jr. Member
**
Offline Offline

Posts: 48



« Reply #2 on: April 07, 2011, 05:29:31 PM »

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.
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #3 on: April 08, 2011, 11:03:48 AM »

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)
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
williama
Jr. Member
**
Offline Offline

Posts: 48



« Reply #4 on: April 09, 2011, 05:46:42 AM »

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.
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #5 on: April 11, 2011, 11:49:47 AM »

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
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
williama
Jr. Member
**
Offline Offline

Posts: 48



« Reply #6 on: April 11, 2011, 11:55:25 AM »

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.
Logged
williama
Jr. Member
**
Offline Offline

Posts: 48



« Reply #7 on: April 12, 2011, 11:32:52 AM »

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.
Logged
williama
Jr. Member
**
Offline Offline

Posts: 48



« Reply #8 on: April 12, 2011, 11:50:22 AM »

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?
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.