Keyword

How to define alternate video size for category/frontpage for Allvideos?

  • etkritikonspoudon
  • etkritikonspoudon's Avatar Topic Author
  • Offline
  • Junior Member
More
12 years 4 months ago #51757 by etkritikonspoudon
I want to have Allvideos player resized to smaller dimensions in Joomla category/frontpage views - and make it float to the left - compared to the player size in the article but I am having trouble making it happen

I have found a somewhat helpful reply by Fotis, which has probably set me on the right path, but I don't have enough knowledge to make it work.
forum.joomla.org/viewtopic.php?f=41&t=101376&start=60#p547391

I have added a class to my menu items, "categoryvideo" and the following code in my template.css file
.categoryvideo .allvideos object,
.categoryvideo .allvideos embed {
    width: 340px;
    height: 191px;
}
But still the player is being displayed in the category with its proper dimensions (width: 690px, height: 388px)

To be honest even if this did work, I don't know how the category/frontpage and article views would be differentiated on the basis of the above code (as it seems to apply to every Allvideos instace under the menu with the class "categoryvideo"

I guess what I need to do is correct the css code above (since it doesn't work in any view) and then qualify with an added specification so that the resizing will only take place in Blog Views.

Can you please help out?

PS: Mind you, I have not set specific parameters in the plugin call code within the article, that is I have just used the {youtube}youtube id{/youtube} code

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

  • etkritikonspoudon
  • etkritikonspoudon's Avatar Topic Author
  • Offline
  • Junior Member
More
12 years 4 months ago #51758 by etkritikonspoudon
Ok, I have made some progress.

I have managed to get the video to resize and float to the left, but this now happens in all Joomla views (blog AND articles) so I need to set a condition to make it display with the defined size and style only on blog views (category/-ies and frontpage)

Here is the code that has allowed me to resize the player (I have also removed all classes from menu items)
.avPlayerWrapper div, .avPlayerWrapper iframe, .avPlayerWrapper object, .avPlayerWrapper embed {
    width: 200px !important;
    height: 120px;
    float: left;
}

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


Powered by Kunena Forum