How to edit class and id element? Want to arrange the videos

  • Resolved jwjewhurst

    (@jwjewhurst)


    11 years, 7 months ago

    Love this plugin, but I want to be able to organize the videos in maybe a table or side by side, not in a list style. I’ve tried adding my own css and calling in the id but I don’t think I’m doing it right
    I’ve tried
    [relatedYouTubeVideos relation=”keywords” terms=”arma 3″ max=”2″ random=”10″ id=”yt-none” height=”225″ width=”400″]
    which I made a css element of .yt-none ul{list-style-type:none;}
    and get nothing.
    I’m a noob on some things, this being one of them. How can I achieve my arrangement that I want. Thanks for any annd all help

    https://www.ads-software.com/plugins/related-youtube-videos/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Chris

    (@zenation)

    Hi

    Two things:

    1. My fault^^. There was actually a bug that caused the custom class or id not to be generated along with the code. That has been fixed now with version 1.2.1

    2. To style this via CSS (in your case) you need turn the order around. I mean like

    ul.yt-none {
 list-style-type:none;
}

    Thread Starter jwjewhurst

    (@jwjewhurst)

    Yeah nice! Thanks. I updated as well. I was curious is it possible to grab the titles of the video? And to go one step further is it possible to grab the descriptions too or at least the first 100 char? Not opposed to hiring to do, just inquiring at the moment. The page in question that I am doing this on is this one here https://arma-news.com/videos/arma-3-videos/

    Plugin Author Chris

    (@zenation)

    Hi again ??
    I’ve added two more options/parameters (now version 1.3.1):

    showVideoTitle=”true” will now show the title and can be styled via .title or in your case e.g. via

    ul.yt-none .title {
 font-weight:bold;
 font-size:1.25em;
 ..or something like this..
}

    showVideoDescription=”true” will now show the description and can be styled via .description or in your case e.g. via

    ul.yt-none .description {
...
}

    [relatedYouTubeVideos relation="keywords" terms="arma 3" max="2" random="10" id="yt-none" height="225" width="400" showVideoTitle="true" showVideoDescription="true"]

    If you want to change the order of video/title/description or want to shorten the description text you would have to use some Javascript to do so.

    Btw, long titles and descriptions are aleady coming cut off from YouTube with no chance of getting the full text then.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to edit class and id element? Want to arrange the videos’ is closed to new replies.