ok I have a fantastic template installed.... however I have a issue with videos pages and blocks !!!

in my public videos blocks and related videos blocks show a gap on the left sides and it looks very bad ....

the template designer says:

Been trying to get that gab away on the public videos, but I think what it
is is that the public video html template is a different one to the one
above it. I'm not sure why it does this, the styling is inline too which
means I cannot over write it. It gets inserted via javascript.

I dont understand this at all ...................

I have used firebug and found that the location of this style element that seems to
be causing the issue:-   Div Id : id13257856321848545148

also in the Related videos block the gap issue shows as this
element.style:-  Dive id : id1325785923589869047

can ANYONE help me please with this ......!!

We cannot offer any assistance without a site URL Specifically the URL to the page in question. And CSS caching must be off in dolphin.

To help we need to see it in firebug ourselves so we can fiddle around and find a solution.

 Hey Deano, thanks for your quick reply.... I hope you or anyone else can help me solve this! its really looking bad and I have spent nights and nights trying to work it out!

Opps I forgot the URL I have all css caching off:- http://www.socialmunch.com/m/videos/home/

issue also here in related videos block:- http://www.socialmunch.com/m/videos/view/Haan-Tu

thank you in advance ;) Josh @ SocialMunch

this issue is also causing my videos to show 2 results across in public videos and I assume this is down to a padding issue with elements or something ;(

This one is tricky. I will try to find it. No luck so far. It is getting set in code rather than in the CSS files so finding where will not be easy.

I will keep looking.

 thank you.... I also have dolphin Jay taking a look so hopefully between us we may be able to find it ....

thanks again

i notice this issue is also on the following video pages:-

http://www.socialmunch.com/m/videos/browse/top

http://www.socialmunch.com/m/videos/browse/popular

http://www.socialmunch.com/m/videos/browse/featured

another thing noticed is that is I add columns etc to videos pages the element.style id changes and the padding seems to change automatically slightly also ?!

some kind of dynamic % padding setting in video blocks ?????   I guess the elements that control these bits with the videos blocks have some kind of '% padding' setting/hard coded ?!

I hope someone knows the answer to this

 I am guessing at a few things here as it is hard to figure out the issues as the padding is generated and without seeing files, its alot harder.

The padding is generated to center items in the blocks (script is located in a few files).

 I think something is either conflicting or the added css or image you are using for background is not set properly.

-  I see a <script>$('div.bx_videos etc. etc. added to coding thats not standard. It might be conflicting with js from auto padding/center.

I do think though that the your template is missing or conflicting with another css, a conflict with js or bg-image placement issue.

Not much here, but its a start i guess...

 seems to effect all video pages and blocks except 'featured videos' block ?!

OK UPDATE:- 

jay done little experiment and the following image shows the videos aligned correctly but without graphics  etc and Jay is sure its a template conflict:-

Yes, I noticed that but do not see the script (the script you or whoever added) being called in that block.

Ok try this,

Open

/modules/videos/templates/base/browse_unit.html

look for (this was added to your template by someone)

<script>$('div.bx_videos_search_unit').parent().addClass('video_styling');</script>

make it look like this

<script>$('div.bx_videos_search_unit').parent().parent().addClass('video_styling');</script>

Clear cache and cache_public manually leaving any .htaccess files

See if that works for you

Then adjust your .video_styling css (in general) to padding-left:20px; instead of 30px. (this should give you three in a row if you want that.

 Please look at it now ?! does it look like it worked ;)

Looks good to me..

THANK YOU SO MUCH TO; rhimpr, dolphin_jay and deano for all your help !!!

PROBLEM SOLVED !!! :)    ^5  to you all

does anyone know  how I can get the videos within the blocks across video pages to center correctly

Wait a second what is the exact problem?

Try this.

open modules/boonex/videos/templates/base/css/browse.css

and at line 1.

change

padding-left:relative;

to this

padding-left: 70px;

And see if it helps. :)

for some reason no matter what  I do I am not able to center the videos within the page blocks ??

example here:- http://www.socialmunch.com/m/videos/browse/top

but did you tried this?

 I did try your suggestion but it did not seem to have effect on the other video pages/blocks ?!

Regards, Josh

 Look at  the effect now a moment with your suggestion !

regards

odd the change helps with other video pages but messes up the 'public videos' block on main videos page

Which block is left?

Also, the 'related videos' block wont center automatically !

example here:- http://www.socialmunch.com/m/videos/view/stop-motion-cash-money

public videos block : http://www.socialmunch.com/m/videos/home/

related videos block : http://www.socialmunch.com/m/videos/view/stop-motion-cash-money

is there some kind of 'auto center' code I can use so that the padding/centering happens automatically based on column size etc ??

ok revert the changes and i will tell you new codes. Or pm me your ftp i will do it fast.

without your adjustment the videos go back to 3x across and looks better but still not centered / padding correctly like I require etc ......

 ok cool....

awaiting new codes ;)

with the following the 'public videos looks centered:-

.result_block {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 24px;
}

but it does Not center the 'related videos block here:- http://www.socialmunch.com/m/videos/view/Haan-Tu

OR other video pages blocks like here:- http://www.socialmunch.com/m/videos/browse/top

ok heres what you need to do open general.css and at line 19

remove !important from this line.

padding: 10px 10px 10px 15px !important

and you need to find every div code and edit its left-padding value to suite your need and its really kind of hard.

You can pm me so i can help you find these files.

Have you tried removing all padding from?

.video_styling

Try that and see if it works

 whats the location of this ?   im looking .......

 General css ?

tmpl_uni/css/general.css

don't change the base template it will disappear after enabling cache. 

 ok I removed this full line:-

padding:10px 10px 10px 15px !important;}

still not centered on other video pages or related videos block viewable here:-

http://www.socialmunch.com/m/videos/browse/top

http://www.socialmunch.com/m/videos/view/Shakin-Stevens-Merry-Christmas-Everyone

omg rofl its messed the entire videos pages up !

reverting back ;)

I don't  know what line that is but Put it back.

 ok forget that it was an } deleted !

ok now the line looks like this:-

.video_styling{ background:url(../images/video-bg.jpg); border:1px solid #474747;}

page looks normal but centering of OFF across all video pages and blocks

why is this ?

looks like videos are 'far right' in blocks with chrome

looks ok 'ish in firefox !?

Hope your keeping notes on everything your changing.

Did you add something to result_block css??

[Edit] Also, I would ask the template creator to assist you with this now as the original issue is resolved and your issue with centering is most likely based on an added css issue or positioning..

ok in both firefox and chrome is it looks not centered !

broswer cache ....

regards

 I dont see a result_block css

 result.css ??

it would be in modules/boonex/videos/templates/base/css/browse.css  but only remove something if you added it on.  This is why I am saying to have template developer assist you with this as they would know what they have added and such.

 this is the coding for this file:-

.result_block {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 24px;
}

.album_preview {
    margin: 10px;
    text-align: center;
}
.blog_block{margin-top:5px;}
.blog_subject_n{margin-left:5px;margin-right:5px;}
.icon_block_part{margin-left:10px;margin-right:10px;padding-bottom:5px;float:left;}
.videos_information_new{margin-left:10px;}
.videos_share_tweet {
  margin:10px;
  float:left;
}

The parts in red I added myself to fix issue with padding in 'videos comments block' and 'top posters block' viewable on this page:- http://www.socialmunch.com/m/videos/home/

try removing padding-left:24px;

 wow !!!    that worked   you guys as to good at this !

video pages like here look awesome:- http://www.socialmunch.com/m/videos/browse/popular

Main video page looks awesome ;)

next  problem.........\0/............ HELP !!   related videos block here;- http://www.socialmunch.com/m/videos/view/stop-motion-cash-money

modules/boonex/videos/templates/base/css/view.css

same thing remove padding-left

MISSION COMPLETE !!!

Thank you to everyone involved in helping me resolve issues faced at my network ;)

Hope you all have a fantastic 2012

Regards, Josh @ SocialMunch