COMMUNITY FORUM

How to align players to the left instead of centered?

Start
Prev
1
Next
End

Ranja
Topic Author
Offline
New Member

16 years 8 months ago #17331 by Ranja

How to align players to the left instead of centered? was created by Ranja

I've tried <p align="left"></p>
I've tried <div align="left"></div> Player still centered - both music and video players. My template by default places everything to the left, so that's not the issue here. This alignment problem appeared after upgrading to version 2.5.3. Center alignment does not suit my homepage... It looks awful.

Please Log in or Create an account to join the conversation.

sexxymarvin
Offline
New Member

16 years 6 months ago #17332 by sexxymarvin

Replied by sexxymarvin on topic Re: How to align players to the left instead of centered?

I also really really want to know this? Anyone?

All of my videos now are in the middle of the page which is really ugly.

Please Log in or Create an account to join the conversation.

friedbanana
Offline
New Member

16 years 5 months ago #17333 by friedbanana

Replied by friedbanana on topic Re: How to align players to the left instead of centered?

Ditto as above

Please Log in or Create an account to join the conversation.

ilovenaps
Offline
New Member

16 years 5 months ago #17334 by ilovenaps

Replied by ilovenaps on topic Re: How to align players to the left instead of centered?

I would also like to know how to address the align issue. I've searched the forums like a good user and even used the mighty GOOGLER to know avail.

How do you make the player align left?

Please Log in or Create an account to join the conversation.

pocketchalker
Offline
New Member

16 years 4 months ago #17335 by pocketchalker

Replied by pocketchalker on topic Re: How to align players to the left instead of centered?

Ditto...drivin me nutz

Please Log in or Create an account to join the conversation.

Katia
Offline
Platinum Member

16 years 4 months ago #17336 by Katia

Replied by Katia on topic Re: How to align players to the left instead of centered?

Check here:

forum.joomlaworks.net/index.php?topic=2390.0

Please Log in or Create an account to join the conversation.

nirvana
Offline
New Member

16 years 4 months ago #17337 by nirvana

Replied by nirvana on topic Re: How to align players to the left instead of centered?

Well I tried what was said in the linked thread, that didn't work.

Also tried

<div style="float: right" align="right">
{youtube}CODE{/youtube}
</div>

Which works perfectly in FF, but not in IE7. Any words of advice to push the video to the right in IE7?

Please Log in or Create an account to join the conversation.

danzo
Offline
New Member

16 years 4 months ago - 16 years 4 months ago #17338 by danzo

Replied by danzo on topic Re: How to align players to the left instead of centered?

I totally fixed this little issue...

You have to find the style sheet for the layout you're using (Default or Sleek).

You'll find both of them in plugins>content>jw_allvideos>templates>Default or Sleek.

Open the style sheet and change everything that says "center" to "left".

For example (trying to make it easy for the newbs) text-align:center; gets changed to text-align:left;

In the class .allvideos_player, change margin:8px auto; (or 4px auto in Default) to margin:8px 0;

That "auto" is what's causing the problem.

That'll fix it on every browser. Below is the CSS if you'd rather just copy/paste.

Default

.allvideos {
display:block;
text-align:left;
clear:both;
}

.allvideos_player {
display:block;
text-align:left;
padding:0;
margin:4px 0;
border:none;
background:none;
}

.allvideos_player span {display:block;}

Sleek

.allvideos {

display:block;
text-align:left;
clear:both;
float:left;
}

.allvideos_player {

display:block;
text-align:left !important;
padding:4px;
margin:8px 0;
border-top:1px solid #ddd;
border-right:2px solid #ddd;
border-bottom:2px solid #ddd;
border-left:1px solid #ddd;
background:#fff;
}

.allvideos_player span {

display:block;
float:left;
text-align:left;
}

Please Log in or Create an account to join the conversation.

nirvana
Offline
New Member

16 years 4 months ago #17339 by nirvana

Replied by nirvana on topic Re: How to align players to the left instead of centered?

Thanks danzo...That worked beautifully.

Please Log in or Create an account to join the conversation.

tlearyus
Offline
New Member

15 years 6 months ago #17340 by tlearyus

Replied by tlearyus on topic Re: How to align players to the left instead of centered?

i don't seem to ahve sleek or default tempaltes folders all i ahve is
/plugins/content/jw_allvideos/tmpl/css/templates.css

i tried adding these style cmds to that but all my youtube embedded video's are still is centered...it's driving me crazy too !!

Please Log in or Create an account to join the conversation.

Katia
Offline
Platinum Member

15 years 6 months ago #17341 by Katia

Replied by Katia on topic Re: How to align players to the left instead of centered?

@tlearys,
you have to add it to Default or Sleek css template file.

Please Log in or Create an account to join the conversation.

herbcap
Offline
New Member

15 years 2 months ago - 15 years 2 months ago #17342 by herbcap

Replied by herbcap on topic Re: How to align players to the left instead of centered?

Guys,

I got it to work after trying the same thing in the current version.

The solution for plg_jw_allvideos-v3.3 :

The folders default and sleek are empty, apparently those css templates are no longer being used. Instead make a similair change to the following file:
plugins/content/jw_allvideos/tmpl/css/template.css

old
/* Layout */
span.avPlayerContainer {display:block;text-align:center;clear:both;position:relative;z-index:999;}
span.avPlayerContainer span.avPlayerSubContainer {display:block;padding:12px;margin:4px auto;border:none;background:#010101 url(../images/videoplayer-bg.gif) repeat-x bottom;text-align:right;}
span.avPlayerContainer span.avPlayerSubContainerClean {display:block;padding:0;margin:0 auto;border:none;background:none;text-align:center;}
span.avPlayerContainer span.avPlayerSubContainer span.avPlayerBlock {display:block;}

new
/* Layout */
span.avPlayerContainer {display:block;text-align:left;clear:both;position:relative;z-index:999;}
span.avPlayerContainer span.avPlayerSubContainer {display:block;padding:12px;margin:4px 0;border:none;background:#010101 url(../images/videoplayer-bg.gif) repeat-x bottom;text-align:right;}
span.avPlayerContainer span.avPlayerSubContainerClean {display:block;padding:0;margin:0 auto;border:none;background:none;text-align:left;}
span.avPlayerContainer span.avPlayerSubContainer span.avPlayerBlock {display:block;}

worked for me.

Please Log in or Create an account to join the conversation.

arhospitality
Offline
New Member

15 years 2 months ago - 15 years 2 months ago #17343 by arhospitality

Replied by arhospitality on topic Re: How to align players to the left instead of centered?

This does not work for me. I have tried everything I can think of to make this work. I have changed my alignment but it will not change. I am at my wit's end. It will not stop centering. What am I doing wrong? Are there any known conflicts with other plug-ins that would cause this behavior?

Edit: I just tried setting my position to absolute and it works. If I leave my position as relative it stays centered. I can't leave it as absolute though because it covers up any text below the video when I do that. Do you have any ideas why this might be happening?

Please Log in or Create an account to join the conversation.

igen
Offline
New Member

15 years 1 month ago #17344 by igen

Replied by igen on topic Re: How to align players to the left instead of centered?

thanks herbcap I'll try your solutions.
It seems so difficult to find this solutions.

Please Log in or Create an account to join the conversation.

johanko
Offline
New Member

15 years 3 weeks ago #17345 by johanko

Replied by johanko on topic Re: How to align players to the left instead of centered?

Here's what I did in default.php

Old code(default.php around line 16):

<span class="avPlayerContainer">
<span style="width:<?php echo $output->playerWidth; ?>px;" class="avPlayerSubContainer<?php if(!$output->lightboxLink && !$output->downloadLink && !$output->embedLink): ?> avPlayerSubContainerClean<?php endif; ?>">

New code:

<span class="avPlayerContainer">
<span style="align:left;" "width:<?php echo $output->playerWidth; ?>px;" class="avPlayerSubContainer<?php if(!$output->lightboxLink && !$output->downloadLink && !$output->embedLink): ?> avPlayerSubContainerClean<?php endif; ?>">

I just added "align:left;" to the span style.

Sorry about the messy code setup but im at work.

Good luck,
Kaj

Please Log in or Create an account to join the conversation.

remeedella
Offline
New Member

14 years 11 months ago #17346 by remeedella

Replied by remeedella on topic Re: How to align players to the left instead of centered?

>:(
No one solved this?
I decided to sign up and help you guys because it took me all this time reading this thread thinking this was something hard to solve but found a solution in 5 minutes. This should work with older versions as well. First find out what .css file is being called by your version of jw_allvideos... I believe it's almost always plugins/content/jw_allvideos/tmpl/css / 'template.css' ???
The video player uses a container which is in your face, simply find the line calling "span.avPlayerContainer"
simply
-remove position:relative;
+ and add in "float:left;"

You'll end up with this:
span.avPlayerContainer {display:block;text-align:center;clear:both;z-index:999;float:left;}

SOLVED!

Please Log in or Create an account to join the conversation.

bazcj
Offline
New Member

14 years 9 months ago #17347 by bazcj

Replied by bazcj on topic Re: How to align players to the left instead of centered?

Great solution TY.

But ...

Is there a work around where I can place images on various pages in different locations ie one centred and one left etc

If you don't ask!!!!

Baz

Please Log in or Create an account to join the conversation.

Start
Prev
1
Next
End