Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #478870

    I have added a YouTube video to our slider and it’s the last slide. I’d like the video to load at the YouTube size (as the video is pixelated) and not be stretched to full she slider. I don’t see any setting where I can do this. What am I missing?

    #479420

    Hi endoradigital!

    Sorry for the late reply, you can try the following CSS:

    .postid-4208 li.slide-8 {
        width: 55% !important;
        height: 50% !important;
        left: 15% !important;
    }
    

    I think you will have to experiment a bit with the values to get a good look.

    Regards,
    Rikard

    #479770

    Thank you for your reply. Is there a way to define the css so that it applies to all the portfolio pages. I don’t want to have to add css every time someone adds a new portfolio page or slide that needs adjustment.

    Also now there is a lot of space below the video. It would be great if the caption could stay below the video as well. Sorry I know asking for the moon.

    • This reply was modified 9 years, 5 months ago by endoradigital.
    #480072

    Hi!

    You can try this:

    .av-video-slide {
      width: 55% !important;
      height: 55% !important;
      left: 20% !important;
      top: 20% !important;
    }

    The top property will center align the video vertically.

    Best regards,
    Ismael

    #480301

    That looks a lot better now the only problem is it’s cutting off a little bit on the video and it’s pushing the navigation buttons way down.

    #480675

    Hi!

    Did you try to adjust the height and width property?

    Cheers!
    Ismael

    #480965

    I have the video appearing nicely; however, it’s the spacing it’s adding before and after the video and how far down the navigational buttons are. I can’t seem to pinpoint what is causing that and how to fix it.

    #481003

    Hi!

    Everything is possible, but that would need a lot of work to be done.

    You can contact one of our Customization Contractors, who will help you out with the process.
    http://kriesi.at/contact/customization

    Let us know if we could do anything else, regarding our theme

    Cheers!
    Basilis

    #481009

    But I thought you could have video in the portfolios without any custom programming. If that is true what have we done wrong. Is our video the wrong size for that not to work?

    #481853

    HI,

    Sorry for the late reply. You’re right, you are able to have videos in the slider, but they default at 100% or the slider size so having a smaller size will require some customisation. I had a look at your site again and I can see the video in the slide and it looks pretty good but it needs some tweaking. Please try the following CSS instead:

    .postid-4208 li.slide-8 {
        width: 65% !important;
        max-height: 45% !important;
        left: 25% !important;
        top: 17% !important;
    }
    #top .av-video-slide {
        height: 170% !important;
        overflow: visible !important;
    }
    

    Thanks,

    Rikard

    #482788

    That did not seem to improve things either.

    #483433

    On the last two slides I was able to get it to look better by adding the following code. It’s just frustrating how it looks based on the users window size.

    Do you have any suggestions on how this could look better?

    ul.avia-slideshow-inner {
    max-height: 599px !important;
    }

    The site has since gone live and I’ve provided a new url.

    Thank you.

    #484306

    Hey!

    Please use css media queries to adjust the height on different screen sizes: Example:

    /* Tablet Portrait size to standard 960 (devices and browsers) */
    @media only screen and (min-width: 768px) and (max-width: 989px) {
    ul.avia-slideshow-inner {
        max-height: 300px !important;
    }}

    Refer to this link for more info: https://css-tricks.com/css-media-queries/

    Best regards,
    Ismael

Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.